#062C40#062C40

#062C40 is a dark, muted cyan. Relative luminance 0.022; OKLCH L 27.8% C 0.055 H 237.0°. Best body text is #FFFFFF at 14.56:1 contrast (WCAG AA passes).

Color values

HEX	#062C40
RGB	rgb(6, 44, 64)
HSL	hsl(201, 83%, 14%)
HSV	hsv(201, 91%, 25%)
CMYK	cmyk(90.6%, 31.2%, 0%, 74.9%)
CIE-LAB	lab(16.55, -4.60, -16.32)
CIE-LCH	lch(16.55, 16.96, 254.27°)
OKLab	oklab(27.84% -0.0299 -0.0462)
OKLCH	oklch(27.84% 0.055 237)
XYZ	xyz(1.9008, 2.2100, 5.1759)
Luminance	0.0221 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#062C40 #401A06

analogous

#064037 #062C40 #060F40

triadic

#062C40 #40062C #2C4006

tetradic

#062C40 #370640 #401A06 #0F4006

square

#062C40 #370640 #401A06 #0F4006

split-complementary

#062C40 #40060F #403706

monochromatic

#03131C #03131C #062C40 #0B5278 #1079B0

Accessibility & contrast

On white

14.56

#062C40 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.44

#062C40 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #062C40

14.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##062C40	#FFFFFF	#000000	##FFFFFF
##062C40	1.00	14.56	1.44	14.56
#FFFFFF	14.56	1.00	21.00	1.00
#000000	1.44	21.00	1.00	21.00
##FFFFFF	14.56	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#222C41

Deuteranopia (green-blind)

#1B2740

Tritanopia (blue-blind)

#003133

Achromatopsia (no color)

#292929

Design tokens & code

CSS

--color: #062c40;
/* rgb */ color: rgb(6, 44, 64);
/* oklch */ color: oklch(27.8% 0.055 237.0);

Tailwind

colors: {
  custom: {
    50: '#516575',
    500: '#062c40',
    950: '#000000',
  },
}

SCSS

$custom: #062c40;
$custom-light: #516575;
$custom-dark: #000000;

JSON

{
  "hex": "#062c40",
  "rgb": {
    "r": 6,
    "g": 44,
    "b": 64
  },
  "hsl": {
    "h": 200.69,
    "s": 82.857,
    "l": 13.725
  },
  "oklch": {
    "l": 0.27843,
    "c": 0.05501,
    "h": 237
  },
  "luminance": 0.0221
}

Semantic roles & 50–950 ramp

primary

#062C40

secondary

#804222

accent

#742FF9

background

#F4F6F7

surface

#E7EBED

border

#C3C6C8

text

#020508

muted

#787A7B

Preview Lab

Preview with #062C40

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

Preview Lab → · Contrast checker → · Palette generator →