#008FD4 Color (Hex and RGB)
#008FD4
#008fd4 has RGB values (0, 143, 212). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #008FD4 | R00G8FBD4 | |
| RGB | rgb(0 143 212) | R0G143B212 | |
| HSL | hsl(200 100% 42%) | H200°S100%L42% | |
| OKLCH | oklch(62% 0.14 241) | L0.62C0.14H241° | |
| HSV | hsv(200, 100%, 83%) | H200°S100%V83% | |
| CMYK | cmyk(100%, 33%, 0%, 17%) | C100%M33%Y0%K17% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 10001111 | 11010100 |
| Octal | 0 | 217 | 324 |
| Decimal | 0 | 143 | 212 |
| Hex | 00 | 8f | d4 |
Shades & tints
Shades mix #008FD4 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #008FD40%
- #0083C29%
- #0077B017%
- #006B9E26%
- #005E8C34%
- #00527A43%
- #00466851%
- #003A5659%
- #002E4468%
- #00223277%
- #00152085%
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
#008FD4 on #FFFFFF
3.57:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#008FD4 on #000000
5.88:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #008FD4
3.57:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #008FD4
5.88:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #008fd4; - Background
background-color: #008fd4; - CSS variable
--color-008fd4: #008fd4; - Modern CSS
color: oklch(62% 0.14 241); - SCSS
$color-008fd4: #008fd4; - Tailwind
bg-[#008fd4] text-[#008fd4] - HTML
<div style="background-color: #008fd4"></div>