#479CCF Color (Hex and RGB)
#479CCF
#479ccf has RGB values (71, 156, 207). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #479CCF | R47G9CBCF | |
| RGB | rgb(71 156 207) | R71G156B207 | |
| HSL | hsl(203 59% 55%) | H203°S59%L55% | |
| OKLCH | oklch(66% 0.11 238) | L0.66C0.11H238° | |
| HSV | hsv(203, 66%, 81%) | H203°S66%V81% | |
| CMYK | cmyk(66%, 25%, 0%, 19%) | C66%M25%Y0%K19% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01000111 | 10011100 | 11001111 |
| Octal | 107 | 234 | 317 |
| Decimal | 71 | 156 | 207 |
| Hex | 47 | 9c | cf |
Shades & tints
Shades mix #479CCF with black; tints mix it with white. Click any swatch to explore it.
Shades
- #479CCF0%
- #418FBD9%
- #3B81AC17%
- #35749A26%
- #2F678934%
- #295A7743%
- #234C6551%
- #1D3F5459%
- #17324268%
- #11253177%
- #0B171F85%
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
#479CCF on #FFFFFF
3.03:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#479CCF on #000000
6.92:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #479CCF
3.03:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #479CCF
6.92:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #479ccf; - Background
background-color: #479ccf; - CSS variable
--color-479ccf: #479ccf; - Modern CSS
color: oklch(66% 0.11 238); - SCSS
$color-479ccf: #479ccf; - Tailwind
bg-[#479ccf] text-[#479ccf] - HTML
<div style="background-color: #479ccf"></div>