#8FAECD#8FAECD

#8FAECD is a light, muted cyan. Relative luminance 0.405; OKLCH L 73.9% C 0.057 H 248.6°. Best body text is #000000 at 9.10:1 contrast (WCAG AA passes).

Color values

HEX	#8FAECD
RGB	rgb(143, 174, 205)
HSL	hsl(210, 38%, 68%)
HSV	hsv(210, 30%, 80%)
CMYK	cmyk(30.2%, 15.1%, 0%, 19.6%)
CIE-LAB	lab(69.84, -3.33, -19.18)
CIE-LCH	lch(69.84, 19.47, 260.14°)
OKLab	oklab(73.85% -0.0206 -0.0526)
OKLCH	oklch(73.85% 0.057 248.6)
XYZ	xyz(37.4799, 40.5180, 63.5917)
Luminance	0.4052 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#8FAECD #CDAE8F

analogous

#8FCDCD #8FAECD #8F8FCD

triadic

#8FAECD #CD8FAE #AECD8F

tetradic

#8FAECD #CD8FCD #CDAE8F #8FCD8F

square

#8FAECD #CD8FCD #CDAE8F #8FCD8F

split-complementary

#8FAECD #CD8F8F #CDCD8F

monochromatic

#46719C #658FBA #8FAECD #B9CDE0 #E4EBF3

Accessibility & contrast

On white

2.31

#8FAECD on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.10

#8FAECD on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #8FAECD

9.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##8FAECD	#FFFFFF	#000000	##000000
##8FAECD	1.00	2.31	9.10	9.10
#FFFFFF	2.31	1.00	21.00	21.00
#000000	9.10	21.00	1.00	1.00
##000000	9.10	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#A2AECF

Deuteranopia (green-blind)

#9BA8CC

Tritanopia (blue-blind)

#7CB5B8

Achromatopsia (no color)

#ABABAB

Design tokens & code

CSS

--color: #8faecd;
/* rgb */ color: rgb(143, 174, 205);
/* oklch */ color: oklch(73.9% 0.057 248.6);

Tailwind

colors: {
  custom: {
    50: '#b1c6dc',
    500: '#8faecd',
    950: '#000000',
  },
}

SCSS

$custom: #8faecd;
$custom-light: #b1c6dc;
$custom-dark: #000000;

JSON

{
  "hex": "#8faecd",
  "rgb": {
    "r": 143,
    "g": 174,
    "b": 205
  },
  "hsl": {
    "h": 210,
    "s": 38.272,
    "l": 68.235
  },
  "oklch": {
    "l": 0.7385,
    "c": 0.05652,
    "h": 248.6
  },
  "luminance": 0.4052
}

Semantic roles & 50–950 ramp

primary

#8FAECD

secondary

#E5DCD2

accent

#7334B1

background

#FBFCFD

surface

#F6F8FB

border

#D0D1D4

text

#111315

muted

#808283

Preview Lab

Preview with #8FAECD

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

Preview Lab → · Contrast checker → · Palette generator →