#37397B#37397B

#37397B is a dark, moderate blue. Relative luminance 0.052; OKLCH L 38.0% C 0.110 H 278.5°. Best body text is #FFFFFF at 10.33:1 contrast (WCAG AA passes).

Color values

HEX	#37397B
RGB	rgb(55, 57, 123)
HSL	hsl(238, 38%, 35%)
HSV	hsv(238, 55%, 48%)
CMYK	cmyk(55.3%, 53.7%, 0%, 51.8%)
CIE-LAB	lab(27.21, 19.40, -38.01)
CIE-LCH	lch(27.21, 42.68, 297.04°)
OKLab	oklab(38.01% 0.0162 -0.1085)
OKLCH	oklch(38.01% 0.11 278.5)
XYZ	xyz(6.6127, 5.1681, 19.3841)
Luminance	0.0517 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#37397B #7B7937

analogous

#375B7B #37397B #57377B

triadic

#37397B #7B3739 #397B37

tetradic

#37397B #7B375B #7B7937 #377B57

square

#37397B #7B375B #7B7937 #377B57

split-complementary

#37397B #7B5737 #5B7B37

monochromatic

#111226 #242551 #37397B #4A4DA5 #6E71BE

Accessibility & contrast

On white

10.33

#37397B on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.03

#37397B on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #37397B

10.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##37397B	#FFFFFF	#000000	##FFFFFF
##37397B	1.00	10.33	2.03	10.33
#FFFFFF	10.33	1.00	21.00	1.00
#000000	2.03	21.00	1.00	21.00
##FFFFFF	10.33	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#17437D

Deuteranopia (green-blind)

#0D3E7A

Tritanopia (blue-blind)

#184854

Achromatopsia (no color)

#404040

Design tokens & code

CSS

--color: #37397b;
/* rgb */ color: rgb(55, 57, 123);
/* oklch */ color: oklch(38.0% 0.110 278.5);

Tailwind

colors: {
  custom: {
    50: '#746fa2',
    500: '#37397b',
    950: '#000000',
  },
}

SCSS

$custom: #37397b;
$custom-light: #746fa2;
$custom-dark: #000000;

JSON

{
  "hex": "#37397b",
  "rgb": {
    "r": 55,
    "g": 57,
    "b": 123
  },
  "hsl": {
    "h": 238.235,
    "s": 38.202,
    "l": 34.902
  },
  "oklch": {
    "l": 0.38012,
    "c": 0.10975,
    "h": 278.5
  },
  "luminance": 0.05169
}

Semantic roles & 50–950 ramp

primary

#37397B

secondary

#A7A567

accent

#CB5ACE

background

#F7F6FA

surface

#EDECF3

border

#C8C7CD

text

#08070F

muted

#7B7A7F

Preview Lab

Preview with #37397B

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

Preview Lab → · Contrast checker → · Palette generator →