#2478CC Color (Hex and RGB)
#2478CC
#2478cc has RGB values (36, 120, 204). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #2478CC | R24G78BCC | |
| RGB | rgb(36 120 204) | R36G120B204 | |
| HSL | hsl(210 70% 47%) | H210°S70%L47% | |
| OKLCH | oklch(57% 0.15 252) | L0.57C0.15H252° | |
| HSV | hsv(210, 82%, 80%) | H210°S82%V80% | |
| CMYK | cmyk(82%, 41%, 0%, 20%) | C82%M41%Y0%K20% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00100100 | 01111000 | 11001100 |
| Octal | 44 | 170 | 314 |
| Decimal | 36 | 120 | 204 |
| Hex | 24 | 78 | cc |
Shades & tints
Shades mix #2478CC with black; tints mix it with white. Click any swatch to explore it.
Shades
- #2478CC0%
- #216EBB9%
- #1E64A917%
- #1B599826%
- #184F8734%
- #15457543%
- #123B6451%
- #0F315359%
- #0C264168%
- #081C3077%
- #05121F85%
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
#2478CC on #FFFFFF
4.53:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#2478CC on #000000
4.63:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #2478CC
4.53:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #2478CC
4.63:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #2478cc; - Background
background-color: #2478cc; - CSS variable
--color-2478cc: #2478cc; - Modern CSS
color: oklch(57% 0.15 252); - SCSS
$color-2478cc: #2478cc; - Tailwind
bg-[#2478cc] text-[#2478cc] - HTML
<div style="background-color: #2478cc"></div>