#D1F8EA#D1F8EA

#D1F8EA is a very light, muted teal. Relative luminance 0.866; OKLCH L 94.8% C 0.044 H 171.6°. Best body text is #000000 at 18.33:1 contrast (WCAG AA passes).

Color values

HEX	#D1F8EA
RGB	rgb(209, 248, 234)
HSL	hsl(158, 74%, 90%)
HSV	hsv(158, 16%, 97%)
CMYK	cmyk(15.7%, 0%, 5.6%, 2.7%)
CIE-LAB	lab(94.58, -15.20, 2.54)
CIE-LCH	lch(94.58, 15.41, 170.53°)
OKLab	oklab(94.76% -0.0439 0.0065)
OKLCH	oklch(94.76% 0.044 171.6)
XYZ	xyz(74.7094, 86.6287, 90.6108)
Luminance	0.8663 (WCAG relative)
Temperature	neutral
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#D1F8EA #F8D1DF

analogous

#D1F8D7 #D1F8EA #D1F2F8

triadic

#D1F8EA #EAD1F8 #F8EAD1

tetradic

#D1F8EA #D7D1F8 #F8D1DF #F2F8D1

square

#D1F8EA #D7D1F8 #F8D1DF #F2F8D1

split-complementary

#D1F8EA #F8D1F2 #F8D7D1

monochromatic

#67E8BA #9CF0D2 #D1F8EA #E4FBF3 #E4FBF3

Accessibility & contrast

On white

1.15

#D1F8EA on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

18.33

#D1F8EA on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #D1F8EA

18.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##D1F8EA	#FFFFFF	#000000	##000000
##D1F8EA	1.00	1.15	18.33	18.33
#FFFFFF	1.15	1.00	21.00	21.00
#000000	18.33	21.00	1.00	1.00
##000000	18.33	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#F5F3E9

Deuteranopia (green-blind)

#EEEDEB

Tritanopia (blue-blind)

#C9F9F4

Achromatopsia (no color)

#EFEFEF

Design tokens & code

CSS

--color: #d1f8ea;
/* rgb */ color: rgb(209, 248, 234);
/* oklch */ color: oklch(94.8% 0.044 171.6);

Tailwind

colors: {
  custom: {
    50: '#dffaf0',
    500: '#d1f8ea',
    950: '#000000',
  },
}

SCSS

$custom: #d1f8ea;
$custom-light: #dffaf0;
$custom-dark: #000000;

JSON

{
  "hex": "#d1f8ea",
  "rgb": {
    "r": 209,
    "g": 248,
    "b": 234
  },
  "hsl": {
    "h": 158.462,
    "s": 73.585,
    "l": 89.608
  },
  "oklch": {
    "l": 0.94764,
    "c": 0.0444,
    "h": 171.6
  },
  "luminance": 0.86631
}

Semantic roles & 50–950 ramp

primary

#D1F8EA

secondary

#DC91AC

accent

#1057D6

background

#FEFFFF

surface

#FCFFFE

border

#D5D7D6

text

#151716

muted

#848585

Preview Lab

Preview with #D1F8EA

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

Preview Lab → · Contrast checker → · Palette generator →