#DEFEFA

Accessibility

AAA

19.66:1

Vs white / black

1.07:1 · 19.66:1

Sources

Library color

Click any stop to open

Codes

Formats

HEX

#defefa

RGB

rgb(222, 254, 250)

RGBA

rgba(222, 254, 250, 1)

HSL

hsl(172, 94%, 93%)

HSV

hsv(172, 13%, 100%)

LAB

lab(97.35% -11.03 -1.57)

LCH

lch(97.35% 11.14 188.1)

OKLAB

oklab(0.9731 -0.0332 -0.0044)

OKLCH

oklch(0.9731 0.0335 187.55)

XYZ

xyz(82.82, 93.31, 104.07)

CMYK

cmyk(13%, 0%, 2%, 0%)

CSS

color: #defefa;

CSS variable

--color-defefa: #defefa;

SCSS

$color-defefa: #defefa;

Tailwind

teal-50

Export

Developer code

:root {
  --#defefa-1: #defefa;
}

Palette

Tints & shades

Full scale from light tints through the base color into deep shades

fcffff fafffe f7fffe f4fffd f1fffd effffd ecfefc e9fefc e6fefb e4fefb e1fefa defefa cce9e5 b9d4d0 a7bfbc 94a9a7 819492 6f7f7d 5c6a68 4a5553 38403f 252a2a 131515

Palette

Tints

Mixed toward white — soft backgrounds and highlights

fcffff fafffe f7fffe f4fffd f1fffd effffd ecfefc e9fefc e6fefb e4fefb e1fefa

Palette

Shades

Mixed toward black — depth, text, and emphasis

cce9e5 b9d4d0 a7bfbc 94a9a7 819492 6f7f7d 5c6a68 4a5553 38403f 252a2a 131515

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

d6f3f0 cee9e6 c7dfdc bfd4d1 b7cac7 afbfbd a7b5b3 9faaa9 98a09f 909594 888b8a

Harmony

Complementary

Opposite on the color wheel for contrast

#DEFEFAStop 1 #FEDCE1Stop 2

Harmony

Analogous

Neighbors that sit comfortably together

#DCFEE9Stop 1 #DEFEFAStop 2 #DCF2FEStop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#DEFEFAStop 1 #F9DCFEStop 2 #FEF9DCStop 3

Harmony

Split complementary

Base plus two accents beside the complement

#DEFEFAStop 1 #FEDCF2Stop 2 #FEE9DCStop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#036356Stop 1 #05AD97Stop 2 #08F7D7Stop 3 #52FAE3Stop 4 #9CFCEFStop 5

Meaning

Color psychology

Balance, healing, and sophistication. Popular in wellness and modern dashboards.

Common uses: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Teal family.

Similar & related colors

Nearby colors from the library by perceptual distance

LightCyan#E0FFFF Tailwind cyan 50#ECFEFF Tailwind cyan 100#CFFAFE Material Teal 50#E0F2F1 Web Safe #CCFFFF#CCFFFF Azure#F0FFFF Tailwind green 50#F0FDF4 MintCream#F5FFFA Material Green 50#E8F5E9 HoneyDew#F0FFF0 Tailwind green 100#DCFCE7 AliceBlue#F0F8FF