#376C87#376C87

#376C87 is a mid, moderate cyan. Relative luminance 0.133; OKLCH L 50.6% C 0.071 H 232.7°. Best body text is #FFFFFF at 5.74:1 contrast (WCAG AA passes).

Color values

HEX	#376C87
RGB	rgb(55, 108, 135)
HSL	hsl(200, 42%, 37%)
HSV	hsv(200, 59%, 53%)
CMYK	cmyk(59.3%, 20%, 0%, 47.1%)
CIE-LAB	lab(43.19, -9.20, -20.23)
CIE-LCH	lch(43.19, 22.22, 245.53°)
OKLab	oklab(50.64% -0.0429 -0.0564)
OKLCH	oklch(50.64% 0.071 232.7)
XYZ	xyz(11.3096, 13.2856, 24.8853)
Luminance	0.1329 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#376C87 #875237

analogous

#37877A #376C87 #374487

triadic

#376C87 #87376C #6C8737

tetradic

#376C87 #7A3787 #875237 #448737

square

#376C87 #7A3787 #875237 #448737

split-complementary

#376C87 #873744 #877A37

monochromatic

#142630 #25495C #376C87 #498FB2 #73AAC6

Accessibility & contrast

On white

5.74

#376C87 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.66

#376C87 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #376C87

5.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##376C87	#FFFFFF	#000000	##FFFFFF
##376C87	1.00	5.74	3.66	5.74
#FFFFFF	5.74	1.00	21.00	1.00
#000000	3.66	21.00	1.00	21.00
##FFFFFF	5.74	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#5F6B88

Deuteranopia (green-blind)

#546287

Tritanopia (blue-blind)

#007375

Achromatopsia (no color)

#666666

Design tokens & code

CSS

--color: #376c87;
/* rgb */ color: rgb(55, 108, 135);
/* oklch */ color: oklch(50.6% 0.071 232.7);

Tailwind

colors: {
  custom: {
    50: '#7596aa',
    500: '#376c87',
    950: '#000000',
  },
}

SCSS

$custom: #376c87;
$custom-light: #7596aa;
$custom-dark: #000000;

JSON

{
  "hex": "#376c87",
  "rgb": {
    "r": 55,
    "g": 108,
    "b": 135
  },
  "hsl": {
    "h": 200.25,
    "s": 42.105,
    "l": 37.255
  },
  "oklch": {
    "l": 0.50636,
    "c": 0.07092,
    "h": 232.7
  },
  "luminance": 0.13287
}

Semantic roles & 50–950 ramp

primary

#376C87

secondary

#AF826B

accent

#8056D2

background

#F7F9FA

surface

#EDF1F4

border

#C8CBCE

text

#090D10

muted

#7B7E7F

Preview Lab

Preview with #376C87

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

Preview Lab → · Contrast checker → · Palette generator →