#092D46#092D46
#092D46 is a dark, moderate cyan. Relative luminance 0.024; OKLCH L 28.6% C 0.061 H 243.7°. Best body text is #FFFFFF at 14.23:1 contrast (WCAG AA passes).
Color values
| HEX | #092D46 |
|---|---|
| RGB | rgb(9, 45, 70) |
| HSL | hsl(205, 77%, 15%) |
| HSV | hsv(205, 87%, 27%) |
| CMYK | cmyk(87.1%, 35.7%, 0%, 72.5%) |
| CIE-LAB | lab(17.35, -2.22, -19.18) |
| CIE-LCH | lch(17.35, 19.31, 263.40°) |
| OKLab | oklab(28.62% -0.0269 -0.0544) |
| OKLCH | oklch(28.62% 0.061 243.7) |
| XYZ | xyz(2.1561, 2.3768, 6.1383) |
| Luminance | 0.0238 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Dark Blue Grey
#1F3B4D
ΔE00 5.67
Marine
#042E60
ΔE00 6.15
Marine Blue
#01386A
ΔE00 6.61
Dark
#1B2431
ΔE00 6.82
Navy Blue
#1B2A4A
ΔE00 7.06
Dark Grey Blue
#29465B
ΔE00 8.33
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#092D46 #462209
analogous
#094640 #092D46 #090F46
triadic
#092D46 #46092D #2D4609
tetradic
#092D46 #400946 #462209 #0F4609
square
#092D46 #400946 #462209 #0F4609
split-complementary
#092D46 #46090F #464009
monochromatic
#03111B #03111B #092D46 #10507C #1773B2
Accessibility & contrast
On white
14.23
#092D46 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.48
#092D46 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #092D46
14.23:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##092D46 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##092D46 | 1.00 | 14.23 | 1.48 | 14.23 |
| #FFFFFF | 14.23 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.48 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.23 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#212E47
Deuteranopia (green-blind)
#192846
Tritanopia (blue-blind)
#003336
Achromatopsia (no color)
#2B2B2B
Design tokens & code
CSS
--color: #092d46; /* rgb */ color: rgb(9, 45, 70); /* oklch */ color: oklch(28.6% 0.061 243.7);
Tailwind
colors: {
custom: {
50: '#536579',
500: '#092d46',
950: '#000000',
},
}SCSS
$custom: #092d46; $custom-light: #536579; $custom-dark: #000000;
JSON
{
"hex": "#092d46",
"rgb": {
"r": 9,
"g": 45,
"b": 70
},
"hsl": {
"h": 204.59,
"s": 77.215,
"l": 15.49
},
"oklch": {
"l": 0.28616,
"c": 0.0607,
"h": 243.7
},
"luminance": 0.02377
}Semantic roles & 50–950 ramp
primary
#092D46
secondary
#844D27
accent
#8334F4
background
#F5F6F7
surface
#E9EBED
border
#C5C6C8
text
#030509
muted
#787A7B