#CFEFE7#CFEFE7

#CFEFE7 is a very light, muted teal. Relative luminance 0.808; OKLCH L 92.7% C 0.035 H 178.7°. Best body text is #000000 at 17.15:1 contrast (WCAG AA passes).

Color values

HEX	#CFEFE7
RGB	rgb(207, 239, 231)
HSL	hsl(165, 50%, 87%)
HSV	hsv(165, 13%, 94%)
CMYK	cmyk(13.4%, 0%, 3.3%, 6.3%)
CIE-LAB	lab(92.03, -11.92, 0.36)
CIE-LCH	lch(92.03, 11.93, 178.28°)
OKLab	oklab(92.68% -0.0351 0.0008)
OKLCH	oklch(92.68% 0.035 178.7)
XYZ	xyz(71.0189, 80.7663, 87.4336)
Luminance	0.8077 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#CFEFE7 #EFCFD7

analogous

#CFEFD7 #CFEFE7 #CFE7EF

triadic

#CFEFE7 #E7CFEF #EFE7CF

tetradic

#CFEFE7 #D7CFEF #EFCFD7 #E7EFCF

square

#CFEFE7 #D7CFEF #EFCFD7 #E7EFCF

split-complementary

#CFEFE7 #EFCFE7 #EFD7CF

monochromatic

#73D0B9 #A1E0D0 #CFEFE7 #E8F7F4 #E8F7F4

Accessibility & contrast

On white

1.22

#CFEFE7 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

17.15

#CFEFE7 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CFEFE7

17.15:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##CFEFE7	#FFFFFF	#000000	##000000
##CFEFE7	1.00	1.22	17.15	17.15
#FFFFFF	1.22	1.00	21.00	21.00
#000000	17.15	21.00	1.00	1.00
##000000	17.15	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#ECEBE7

Deuteranopia (green-blind)

#E6E6E8

Tritanopia (blue-blind)

#C7F0EC

Achromatopsia (no color)

#E8E8E8

Design tokens & code

CSS

--color: #cfefe7;
/* rgb */ color: rgb(207, 239, 231);
/* oklch */ color: oklch(92.7% 0.035 178.7);

Tailwind

colors: {
  custom: {
    50: '#def4ee',
    500: '#cfefe7',
    950: '#000000',
  },
}

SCSS

$custom: #cfefe7;
$custom-light: #def4ee;
$custom-dark: #000000;

JSON

{
  "hex": "#cfefe7",
  "rgb": {
    "r": 207,
    "g": 239,
    "b": 231
  },
  "hsl": {
    "h": 165,
    "s": 50,
    "l": 87.451
  },
  "oklch": {
    "l": 0.92682,
    "c": 0.03509,
    "h": 178.7
  },
  "luminance": 0.80768
}

Semantic roles & 50–950 ramp

primary

#CFEFE7

secondary

#CC96A3

accent

#284DBD

background

#FEFFFF

surface

#FCFEFE

border

#D5D6D6

text

#151716

muted

#848585

Preview Lab

Preview with #CFEFE7

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

Preview Lab → · Contrast checker → · Palette generator →