#526468#526468

#526468 is a mid, muted cyan. Relative luminance 0.119; OKLCH L 49.0% C 0.023 H 212.7°. Best body text is #FFFFFF at 6.21:1 contrast (WCAG AA passes).

Color values

HEX	#526468
RGB	rgb(82, 100, 104)
HSL	hsl(191, 12%, 36%)
HSV	hsv(191, 21%, 41%)
CMYK	cmyk(21.2%, 3.8%, 0%, 59.2%)
CIE-LAB	lab(41.07, -5.81, -4.53)
CIE-LCH	lch(41.07, 7.36, 217.93°)
OKLab	oklab(48.97% -0.0191 -0.0123)
OKLCH	oklch(48.97% 0.023 212.7)
XYZ	xyz(10.5348, 11.9073, 14.8373)
Luminance	0.1191 (WCAG relative)
Temperature	neutral
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#526468 #685652

analogous

#526861 #526468 #525968

triadic

#526468 #685264 #646852

tetradic

#526468 #615268 #685652 #596852

square

#526468 #615268 #685652 #596852

split-complementary

#526468 #685259 #686152

monochromatic

#1C2224 #374346 #526468 #6D858A #8EA2A6

Accessibility & contrast

On white

6.21

#526468 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.38

#526468 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #526468

6.21:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##526468	#FFFFFF	#000000	##FFFFFF
##526468	1.00	6.21	3.38	6.21
#FFFFFF	6.21	1.00	21.00	1.00
#000000	3.38	21.00	1.00	21.00
##FFFFFF	6.21	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#616368

Deuteranopia (green-blind)

#5D6068

Tritanopia (blue-blind)

#4C6665

Achromatopsia (no color)

#616161

Design tokens & code

CSS

--color: #526468;
/* rgb */ color: rgb(82, 100, 104);
/* oklch */ color: oklch(49.0% 0.023 212.7);

Tailwind

colors: {
  custom: {
    50: '#839093',
    500: '#526468',
    950: '#000000',
  },
}

SCSS

$custom: #526468;
$custom-light: #839093;
$custom-dark: #000000;

JSON

{
  "hex": "#526468",
  "rgb": {
    "r": 82,
    "g": 100,
    "b": 104
  },
  "hsl": {
    "h": 190.909,
    "s": 11.828,
    "l": 36.471
  },
  "oklch": {
    "l": 0.48974,
    "c": 0.02274,
    "h": 212.7
  },
  "luminance": 0.11908
}

Semantic roles & 50–950 ramp

primary

#526468

secondary

#958581

accent

#7F73B5

background

#F8F8F9

surface

#EFF0F1

border

#CACBCB

text

#0A0C0D

muted

#7C7D7E

Preview Lab

Preview with #526468

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

Preview Lab → · Contrast checker → · Palette generator →