#001F3F Color (Hex and RGB)
#001F3F
#001f3f has RGB values (0, 31, 63). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #001F3F | R00G1FB3F | |
| RGB | rgb(0 31 63) | R0G31B63 | |
| HSL | hsl(210 100% 12%) | H210°S100%L12% | |
| OKLCH | oklch(24% 0.07 252) | L0.24C0.07H252° | |
| HSV | hsv(210, 100%, 25%) | H210°S100%V25% | |
| CMYK | cmyk(100%, 51%, 0%, 75%) | C100%M51%Y0%K75% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 00011111 | 00111111 |
| Octal | 0 | 37 | 77 |
| Decimal | 0 | 31 | 63 |
| Hex | 00 | 1f | 3f |
Shades & tints
Shades mix #001F3F with black; tints mix it with white. Click any swatch to explore it.
Shades
- #001F3F0%
- #001C3A9%
- #001A3417%
- #00172F26%
- #00142A34%
- #00122443%
- #000F1F51%
- #000D1A59%
- #000A1468%
- #00070F77%
- #00050985%
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
#001F3F on #FFFFFF
16.56:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#001F3F on #000000
1.27:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #001F3F
16.56:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #001F3F
1.27:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #001f3f; - Background
background-color: #001f3f; - CSS variable
--color-001f3f: #001f3f; - Modern CSS
color: oklch(24% 0.07 252); - SCSS
$color-001f3f: #001f3f; - Tailwind
bg-[#001f3f] text-[#001f3f] - HTML
<div style="background-color: #001f3f"></div>