#4A90D9 Color (Hex and RGB)
#4A90D9
#4a90d9 has RGB values (74, 144, 217). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #4A90D9 | R4AG90BD9 | |
| RGB | rgb(74 144 217) | R74G144B217 | |
| HSL | hsl(211 65% 57%) | H211°S65%L57% | |
| OKLCH | oklch(64% 0.13 251) | L0.64C0.13H251° | |
| HSV | hsv(211, 66%, 85%) | H211°S66%V85% | |
| CMYK | cmyk(66%, 34%, 0%, 15%) | C66%M34%Y0%K15% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01001010 | 10010000 | 11011001 |
| Octal | 112 | 220 | 331 |
| Decimal | 74 | 144 | 217 |
| Hex | 4a | 90 | d9 |
Shades & tints
Shades mix #4A90D9 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #4A90D90%
- #4484C79%
- #3D78B417%
- #376BA226%
- #315F8F34%
- #2B537D43%
- #24476A51%
- #1E3A5859%
- #182E4568%
- #11223377%
- #0B162185%
Tints
Color harmonies
Similar brand colors
The closest colors from our brand palettes, measured in OKLab.
Contrast & accessibility
WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.
Aa
#4A90D9 on #FFFFFF
3.34:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#4A90D9 on #000000
6.28:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #4A90D9
3.34:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #4A90D9
6.28:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #4a90d9; - Background
background-color: #4a90d9; - CSS variable
--color-4a90d9: #4a90d9; - Modern CSS
color: oklch(64% 0.13 251); - SCSS
$color-4a90d9: #4a90d9; - Tailwind
bg-[#4a90d9] text-[#4a90d9] - HTML
<div style="background-color: #4a90d9"></div>