#718E97#718E97

#718E97 is a light, muted cyan. Relative luminance 0.251; OKLCH L 62.8% C 0.035 H 218.7°. Best body text is #000000 at 6.02:1 contrast (WCAG AA passes).

Color values

HEX	#718E97
RGB	rgb(113, 142, 151)
HSL	hsl(194, 15%, 52%)
HSV	hsv(194, 25%, 59%)
CMYK	cmyk(25.2%, 6%, 0%, 40.8%)
CIE-LAB	lab(57.16, -8.05, -8.13)
CIE-LCH	lch(57.16, 11.45, 225.30°)
OKLab	oklab(62.76% -0.0276 -0.0221)
OKLCH	oklch(62.76% 0.035 218.7)
XYZ	xyz(22.0673, 25.0902, 32.9523)
Luminance	0.2509 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#718E97 #977A71

analogous

#71978D #718E97 #717B97

triadic

#718E97 #97718E #8E9771

tetradic

#718E97 #8D7197 #977A71 #7B9771

square

#718E97 #8D7197 #977A71 #7B9771

split-complementary

#718E97 #97717B #978D71

monochromatic

#3C4D52 #566E75 #718E97 #94AAB1 #B8C6CB

Accessibility & contrast

On white

3.49

#718E97 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.02

#718E97 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #718E97

6.02:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##718E97	#FFFFFF	#000000	##000000
##718E97	1.00	3.49	6.02	6.02
#FFFFFF	3.49	1.00	21.00	21.00
#000000	6.02	21.00	1.00	1.00
##000000	6.02	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#888C98

Deuteranopia (green-blind)

#828797

Tritanopia (blue-blind)

#659191

Achromatopsia (no color)

#898989

Design tokens & code

CSS

--color: #718e97;
/* rgb */ color: rgb(113, 142, 151);
/* oklch */ color: oklch(62.8% 0.035 218.7);

Tailwind

colors: {
  custom: {
    50: '#9aafb5',
    500: '#718e97',
    950: '#000000',
  },
}

SCSS

$custom: #718e97;
$custom-light: #9aafb5;
$custom-dark: #000000;

JSON

{
  "hex": "#718e97",
  "rgb": {
    "r": 113,
    "g": 142,
    "b": 151
  },
  "hsl": {
    "h": 194.211,
    "s": 15.447,
    "l": 51.765
  },
  "oklch": {
    "l": 0.6276,
    "c": 0.03542,
    "h": 218.7
  },
  "luminance": 0.25091
}

Semantic roles & 50–950 ramp

primary

#718E97

secondary

#BAAEAA

accent

#8170B8

background

#F9FAFB

surface

#F2F4F6

border

#CCCED0

text

#0E1011

muted

#7E7F80

Preview Lab

Preview with #718E97

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

Preview Lab → · Contrast checker → · Palette generator →