#082C38#082C38

#082C38 is a dark, muted cyan. Relative luminance 0.021; OKLCH L 27.4% C 0.045 H 224.6°. Best body text is #FFFFFF at 14.71:1 contrast (WCAG AA passes).

Color values

HEX	#082C38
RGB	rgb(8, 44, 56)
HSL	hsl(195, 75%, 13%)
HSV	hsv(195, 86%, 22%)
CMYK	cmyk(85.7%, 21.4%, 0%, 78%)
CIE-LAB	lab(16.20, -7.65, -11.32)
CIE-LCH	lch(16.20, 13.67, 235.94°)
OKLab	oklab(27.44% -0.0321 -0.0317)
OKLCH	oklch(27.44% 0.045 224.6)
XYZ	xyz(1.7143, 2.1383, 4.0630)
Luminance	0.0214 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#082C38 #381408

analogous

#08382C #082C38 #081438

triadic

#082C38 #38082C #2C3808

tetradic

#082C38 #2C0838 #381408 #143808

square

#082C38 #2C0838 #381408 #143808

split-complementary

#082C38 #380814 #382C08

monochromatic

#04151B #04151B #082C38 #10566E #1780A3

Accessibility & contrast

On white

14.71

#082C38 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.43

#082C38 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #082C38

14.71:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##082C38	#FFFFFF	#000000	##FFFFFF
##082C38	1.00	14.71	1.43	14.71
#FFFFFF	14.71	1.00	21.00	1.00
#000000	1.43	21.00	1.00	21.00
##FFFFFF	14.71	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#252B39

Deuteranopia (green-blind)

#1F2638

Tritanopia (blue-blind)

#003030

Achromatopsia (no color)

#282828

Design tokens & code

CSS

--color: #082c38;
/* rgb */ color: rgb(8, 44, 56);
/* oklch */ color: oklch(27.4% 0.045 224.6);

Tailwind

colors: {
  custom: {
    50: '#50656e',
    500: '#082c38',
    950: '#000000',
  },
}

SCSS

$custom: #082c38;
$custom-light: #50656e;
$custom-dark: #000000;

JSON

{
  "hex": "#082c38",
  "rgb": {
    "r": 8,
    "g": 44,
    "b": 56
  },
  "hsl": {
    "h": 195,
    "s": 75,
    "l": 12.549
  },
  "oklch": {
    "l": 0.27439,
    "c": 0.04515,
    "h": 224.6
  },
  "luminance": 0.02139
}

Semantic roles & 50–950 ramp

primary

#082C38

secondary

#773925

accent

#6536F2

background

#F4F6F6

surface

#E7EBEC

border

#C3C6C7

text

#020507

muted

#787A7A

Preview Lab

Preview with #082C38

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

Preview Lab → · Contrast checker → · Palette generator →