#0A2033#0A2033

#0A2033 is a very dark, muted cyan. Relative luminance 0.013; OKLCH L 23.7% C 0.046 H 247.3°. Best body text is #FFFFFF at 16.57:1 contrast (WCAG AA passes).

Color values

HEX#0A2033
RGBrgb(10, 32, 51)
HSLhsl(208, 67%, 12%)
HSVhsv(208, 80%, 20%)
CMYKcmyk(80.4%, 37.3%, 0%, 80%)
CIE-LABlab(11.53, -0.98, -15.05)
CIE-LCHlch(11.53, 15.08, 266.27°)
OKLaboklab(23.66% -0.0178 -0.0426)
OKLCHoklch(23.66% 0.046 247.3)
XYZxyz(1.2390, 1.3364, 3.3240)
Luminance0.0134 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#0A2033 #331D0A
analogous
#0A3332 #0A2033 #0A0C33
triadic
#0A2033 #330A20 #20330A
tetradic
#0A2033 #320A33 #331D0A #0C330A
square
#0A2033 #320A33 #331D0A #0C330A
split-complementary
#0A2033 #330A0C #33320A
monochromatic
#05101A #05101A #0A2033 #144066 #1E6099

Accessibility & contrast

On white

16.57
#0A2033 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.27
#0A2033 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #0A2033
16.57:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##0A2033#FFFFFF#000000##FFFFFF
##0A20331.0016.571.2716.57
#FFFFFF16.571.0021.001.00
#0000001.2721.001.0021.00
##FFFFFF16.571.0021.001.00

Color blindness preview

Protanopia (red-blind)
#182134
Deuteranopia (green-blind)
#121D33
Tritanopia (blue-blind)
#002527
Achromatopsia (no color)
#1F1F1F

Design tokens & code

CSS
--color: #0a2033;
/* rgb */ color: rgb(10, 32, 51);
/* oklch */ color: oklch(23.7% 0.046 247.3);
Tailwind
colors: {
  custom: {
    50: '#4f5b6a',
    500: '#0a2033',
    950: '#000000',
  },
}
SCSS
$custom: #0a2033;
$custom-light: #4f5b6a;
$custom-dark: #000000;
JSON
{
  "hex": "#0a2033",
  "rgb": {
    "r": 10,
    "g": 32,
    "b": 51
  },
  "hsl": {
    "h": 207.805,
    "s": 67.213,
    "l": 11.961
  },
  "oklch": {
    "l": 0.23659,
    "c": 0.04612,
    "h": 247.3
  },
  "luminance": 0.01337
}

Semantic roles & 50–950 ramp

primary
#0A2033
secondary
#704A28
accent
#8E3EEA
background
#F4F5F6
surface
#E7E9EB
border
#C3C5C6
text
#020406
muted
#78797A

Preview Lab

Preview with #0A2033

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#0A2033 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva