#021C32#021C32

#021C32 is a very dark, muted cyan. Relative luminance 0.011; OKLCH L 22.0% C 0.054 H 247.0°. Best body text is #FFFFFF at 17.29:1 contrast (WCAG AA passes).

Color values

HEX#021C32
RGBrgb(2, 28, 50)
HSLhsl(208, 92%, 10%)
HSVhsv(208, 96%, 20%)
CMYKcmyk(96%, 44%, 0%, 80.4%)
CIE-LABlab(9.59, -0.17, -17.41)
CIE-LCHlch(9.59, 17.41, 269.45°)
OKLaboklab(22.01% -0.021 -0.0497)
OKLCHoklch(22.01% 0.054 247)
XYZxyz(1.0158, 1.0736, 3.1707)
Luminance0.0107 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#021C32 #321802
analogous
#023230 #021C32 #020432
triadic
#021C32 #32021C #1C3202
tetradic
#021C32 #300232 #321802 #043202
square
#021C32 #300232 #321802 #043202
split-complementary
#021C32 #320204 #323002
monochromatic
#01101D #01101D #021C32 #043D6D #075EA8

Accessibility & contrast

On white

17.29
#021C32 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.21
#021C32 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #021C32
17.29:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##021C32#FFFFFF#000000##FFFFFF
##021C321.0017.291.2117.29
#FFFFFF17.291.0021.001.00
#0000001.2121.001.0021.00
##FFFFFF17.291.0021.001.00

Color blindness preview

Protanopia (red-blind)
#111D33
Deuteranopia (green-blind)
#0A1932
Tritanopia (blue-blind)
#002124
Achromatopsia (no color)
#1B1B1B

Design tokens & code

CSS
--color: #021c32;
/* rgb */ color: rgb(2, 28, 50);
/* oklch */ color: oklch(22.0% 0.054 247.0);
Tailwind
colors: {
  custom: {
    50: '#4b576a',
    500: '#021c32',
    950: '#000000',
  },
}
SCSS
$custom: #021c32;
$custom-light: #4b576a;
$custom-dark: #000000;
JSON
{
  "hex": "#021c32",
  "rgb": {
    "r": 2,
    "g": 28,
    "b": 50
  },
  "hsl": {
    "h": 207.5,
    "s": 92.308,
    "l": 10.196
  },
  "oklch": {
    "l": 0.22005,
    "c": 0.05396,
    "h": 247
  },
  "luminance": 0.01074
}

Semantic roles & 50–950 ramp

primary
#021C32
secondary
#764419
accent
#8B29FF
background
#F4F5F6
surface
#E7E9EB
border
#C3C5C6
text
#010306
muted
#77787A

Preview Lab

Preview with #021C32

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

Preview Lab → · Contrast checker → · Palette generator →

#021C32 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva