#070235#070235
#070235 is a very dark, moderate blue. Relative luminance 0.003; OKLCH L 16.2% C 0.095 H 274.6°. Best body text is #FFFFFF at 19.64:1 contrast (WCAG AA passes).
Color values
| HEX | #070235 |
|---|---|
| RGB | rgb(7, 2, 53) |
| HSL | hsl(246, 93%, 11%) |
| HSV | hsv(246, 96%, 21%) |
| CMYK | cmyk(86.8%, 96.2%, 0%, 79.2%) |
| CIE-LAB | lab(3.12, 17.34, -29.98) |
| CIE-LCH | lch(3.12, 34.63, 300.04°) |
| OKLab | oklab(16.21% 0.0076 -0.0945) |
| OKLCH | oklch(16.21% 0.095 274.6) |
| XYZ | xyz(0.7517, 0.3456, 3.3946) |
| Luminance | 0.0035 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Midnight Blue (survey)
#020035
ΔE00 1.03
Very Dark Blue
#000133
ΔE00 1.72
Dark Navy
#000435
ΔE00 1.82
Midnight
#03012D
ΔE00 2.67
Dark Navy Blue
#00022E
ΔE00 2.98
Navy Blue (survey)
#001146
ΔE00 3.80
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#070235 #303502
analogous
#021635 #070235 #200235
triadic
#070235 #350702 #023507
tetradic
#070235 #350216 #303502 #023520
square
#070235 #350216 #303502 #023520
split-complementary
#070235 #352002 #163502
monochromatic
#04011D #04011D #070235 #0F0470 #1706AB
Accessibility & contrast
On white
19.64
#070235 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.07
#070235 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #070235
19.64:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##070235 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##070235 | 1.00 | 19.64 | 1.07 | 19.64 |
| #FFFFFF | 19.64 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.07 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.64 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#000E36
Deuteranopia (green-blind)
#000934
Tritanopia (blue-blind)
#00111B
Achromatopsia (no color)
#0B0B0B
Design tokens & code
CSS
--color: #070235; /* rgb */ color: rgb(7, 2, 53); /* oklch */ color: oklch(16.2% 0.095 274.6);
Tailwind
colors: {
custom: {
50: '#4d476d',
500: '#070235',
950: '#000000',
},
}SCSS
$custom: #070235; $custom-light: #4d476d; $custom-dark: #000000;
JSON
{
"hex": "#070235",
"rgb": {
"r": 7,
"g": 2,
"b": 53
},
"hsl": {
"h": 245.882,
"s": 92.727,
"l": 10.784
},
"oklch": {
"l": 0.16212,
"c": 0.09483,
"h": 274.6
},
"luminance": 0.00346
}Semantic roles & 50–950 ramp
primary
#070235
secondary
#70791A
accent
#FF29EA
background
#F4F3F6
surface
#E7E5EB
border
#C3C1C6
text
#020007
muted
#78777A