#428BCA Color (Hex and RGB)
#428BCA
#428bca has RGB values (66, 139, 202). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #428BCA | R42G8BBCA | |
| RGB | rgb(66 139 202) | R66G139B202 | |
| HSL | hsl(208 56% 53%) | H208°S56%L53% | |
| OKLCH | oklch(62% 0.12 247) | L0.62C0.12H247° | |
| HSV | hsv(208, 67%, 79%) | H208°S67%V79% | |
| CMYK | cmyk(67%, 31%, 0%, 21%) | C67%M31%Y0%K21% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01000010 | 10001011 | 11001010 |
| Octal | 102 | 213 | 312 |
| Decimal | 66 | 139 | 202 |
| Hex | 42 | 8b | ca |
Shades & tints
Shades mix #428BCA with black; tints mix it with white. Click any swatch to explore it.
Shades
- #428BCA0%
- #3C7FB99%
- #3773A817%
- #31689626%
- #2C5C8534%
- #26507443%
- #20446351%
- #1B385259%
- #152C4168%
- #10212F77%
- #0A151E85%
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
#428BCA on #FFFFFF
3.63:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#428BCA on #000000
5.78:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #428BCA
3.63:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #428BCA
5.78:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #428bca; - Background
background-color: #428bca; - CSS variable
--color-428bca: #428bca; - Modern CSS
color: oklch(62% 0.12 247); - SCSS
$color-428bca: #428bca; - Tailwind
bg-[#428bca] text-[#428bca] - HTML
<div style="background-color: #428bca"></div>