#384852#384852

#384852 is a dark, muted cyan. Relative luminance 0.061; OKLCH L 39.2% C 0.027 H 235.8°. Best body text is #FFFFFF at 9.47:1 contrast (WCAG AA passes).

Color values

HEX	#384852
RGB	rgb(56, 72, 82)
HSL	hsl(203, 19%, 27%)
HSV	hsv(203, 32%, 32%)
CMYK	cmyk(31.7%, 12.2%, 0%, 67.8%)
CIE-LAB	lab(29.62, -3.60, -8.03)
CIE-LCH	lch(29.62, 8.80, 245.82°)
OKLab	oklab(39.19% -0.0149 -0.0219)
OKLCH	oklch(39.19% 0.027 235.8)
XYZ	xyz(5.4708, 6.0844, 8.8672)
Luminance	0.0609 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#384852 #524238

analogous

#38524F #384852 #383B52

triadic

#384852 #523848 #485238

tetradic

#384852 #4F3852 #524238 #3B5238

square

#384852 #4F3852 #524238 #3B5238

split-complementary

#384852 #52383B #524F38

monochromatic

#0C1012 #1F282E #384852 #516876 #6B889A

Accessibility & contrast

On white

9.47

#384852 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.22

#384852 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #384852

9.47:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##384852	#FFFFFF	#000000	##FFFFFF
##384852	1.00	9.47	2.22	9.47
#FFFFFF	9.47	1.00	21.00	1.00
#000000	2.22	21.00	1.00	21.00
##FFFFFF	9.47	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#434753

Deuteranopia (green-blind)

#404552

Tritanopia (blue-blind)

#304B4B

Achromatopsia (no color)

#464646

Design tokens & code

CSS

--color: #384852;
/* rgb */ color: rgb(56, 72, 82);
/* oklch */ color: oklch(39.2% 0.027 235.8);

Tailwind

colors: {
  custom: {
    50: '#6f7a82',
    500: '#384852',
    950: '#000000',
  },
}

SCSS

$custom: #384852;
$custom-light: #6f7a82;
$custom-dark: #000000;

JSON

{
  "hex": "#384852",
  "rgb": {
    "r": 56,
    "g": 72,
    "b": 82
  },
  "hsl": {
    "h": 203.077,
    "s": 18.841,
    "l": 27.059
  },
  "oklch": {
    "l": 0.39186,
    "c": 0.02653,
    "h": 235.8
  },
  "luminance": 0.06085
}

Semantic roles & 50–950 ramp

primary

#384852

secondary

#826F64

accent

#8B6CBB

background

#F6F7F7

surface

#ECEDEE

border

#C7C8C9

text

#07090A

muted

#7A7B7C

Preview Lab

Preview with #384852

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

Preview Lab → · Contrast checker → · Palette generator →