#142633#142633

#142633 is a dark, muted cyan. Relative luminance 0.018; OKLCH L 26.0% C 0.034 H 241.2°. Best body text is #FFFFFF at 15.50:1 contrast (WCAG AA passes).

Color values

HEX	#142633
RGB	rgb(20, 38, 51)
HSL	hsl(205, 44%, 14%)
HSV	hsv(205, 61%, 20%)
CMYK	cmyk(60.8%, 25.5%, 0%, 80%)
CIE-LAB	lab(14.25, -2.82, -10.76)
CIE-LCH	lch(14.25, 11.13, 255.32°)
OKLab	oklab(25.95% -0.0165 -0.03)
OKLCH	oklch(25.95% 0.034 241.2)
XYZ	xyz(1.5789, 1.7738, 3.3905)
Luminance	0.0177 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#142633 #332114

analogous

#143331 #142633 #141733

triadic

#142633 #331426 #263314

tetradic

#142633 #311433 #332114 #173314

square

#142633 #311433 #332114 #173314

split-complementary

#142633 #331417 #333114

monochromatic

#091016 #091016 #142633 #25475F #36688B

Accessibility & contrast

On white

15.50

#142633 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.35

#142633 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #142633

15.50:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##142633	#FFFFFF	#000000	##FFFFFF
##142633	1.00	15.50	1.35	15.50
#FFFFFF	15.50	1.00	21.00	1.00
#000000	1.35	21.00	1.00	21.00
##FFFFFF	15.50	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#202634

Deuteranopia (green-blind)

#1C2333

Tritanopia (blue-blind)

#05292A

Achromatopsia (no color)

#242424

Design tokens & code

CSS

--color: #142633;
/* rgb */ color: rgb(20, 38, 51);
/* oklch */ color: oklch(26.0% 0.034 241.2);

Tailwind

colors: {
  custom: {
    50: '#54606a',
    500: '#142633',
    950: '#000000',
  },
}

SCSS

$custom: #142633;
$custom-light: #54606a;
$custom-dark: #000000;

JSON

{
  "hex": "#142633",
  "rgb": {
    "r": 20,
    "g": 38,
    "b": 51
  },
  "hsl": {
    "h": 205.161,
    "s": 43.662,
    "l": 13.922
  },
  "oklch": {
    "l": 0.25953,
    "c": 0.03424,
    "h": 241.2
  },
  "luminance": 0.01774
}

Semantic roles & 50–950 ramp

primary

#142633

secondary

#6A4D39

accent

#8A54D3

background

#F4F5F6

surface

#E7E9EB

border

#C3C5C6

text

#030406

muted

#78797A

Preview Lab

Preview with #142633

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

Preview Lab → · Contrast checker → · Palette generator →