#52607E#52607E

#52607E is a mid, muted blue. Relative luminance 0.117; OKLCH L 48.9% C 0.051 H 265.1°. Best body text is #FFFFFF at 6.30:1 contrast (WCAG AA passes).

Color values

HEX	#52607E
RGB	rgb(82, 96, 126)
HSL	hsl(221, 21%, 41%)
HSV	hsv(221, 35%, 49%)
CMYK	cmyk(34.9%, 23.8%, 0%, 50.6%)
CIE-LAB	lab(40.68, 2.47, -18.53)
CIE-LCH	lch(40.68, 18.69, 277.59°)
OKLab	oklab(48.94% -0.0044 -0.0512)
OKLCH	oklch(48.94% 0.051 265.1)
XYZ	xyz(11.4273, 11.6655, 21.3842)
Luminance	0.1167 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#52607E #7E7052

analogous

#52767E #52607E #5A527E

triadic

#52607E #7E5260 #607E52

tetradic

#52607E #7E5276 #7E7052 #527E5A

square

#52607E #7E5276 #7E7052 #527E5A

split-complementary

#52607E #7E5A52 #767E52

monochromatic

#222834 #3A4459 #52607E #6D7DA0 #929EB8

Accessibility & contrast

On white

6.30

#52607E on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.33

#52607E on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #52607E

6.30:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##52607E	#FFFFFF	#000000	##FFFFFF
##52607E	1.00	6.30	3.33	6.30
#FFFFFF	6.30	1.00	21.00	1.00
#000000	3.33	21.00	1.00	21.00
##FFFFFF	6.30	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#56627F

Deuteranopia (green-blind)

#525E7D

Tritanopia (blue-blind)

#45666A

Achromatopsia (no color)

#606060

Design tokens & code

CSS

--color: #52607e;
/* rgb */ color: rgb(82, 96, 126);
/* oklch */ color: oklch(48.9% 0.051 265.1);

Tailwind

colors: {
  custom: {
    50: '#848da3',
    500: '#52607e',
    950: '#000000',
  },
}

SCSS

$custom: #52607e;
$custom-light: #848da3;
$custom-dark: #000000;

JSON

{
  "hex": "#52607e",
  "rgb": {
    "r": 82,
    "g": 96,
    "b": 126
  },
  "hsl": {
    "h": 220.909,
    "s": 21.154,
    "l": 40.784
  },
  "oklch": {
    "l": 0.48938,
    "c": 0.05144,
    "h": 265.1
  },
  "luminance": 0.11666
}

Semantic roles & 50–950 ramp

primary

#52607E

secondary

#A59C86

accent

#A36ABE

background

#F8F8FA

surface

#EFF0F3

border

#CACBCD

text

#0B0C0F

muted

#7C7D7F

Preview Lab

Preview with #52607E

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

Preview Lab → · Contrast checker → · Palette generator →