#D5FEF1

#D5FEF1

Color Values

HEX

#D5FEF1

RGB

213, 254, 241

HSL

161.0, 95.3%, 91.6%

HSV

161.0, 16.1%, 99.6%

CMYK

16.1%, 0.0%, 5.1%, 0.4%

OKLCH

0.9646 0.0455 174.1

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#D5FEF1

#FED5E2

Analogous

#D5FEDD

#D5F7FE

#D5FEF1

Triadic

#D5FEF1

#F1D5FE

#FEF1D5

Split Complementary

#D5FEF1

#FED5F7

#FEDDD5

Tetradic

#D5FEF1

#DDD5FE

#FED5E2

#F7FED5

Color Blindness Simulation

Original

#D5FEF1

Protanopia

#E7E7F4

Deuteranopia

#E4E1F5

Tritanopia

#D7F7F7

Achromatopsia

#F4F4F4

CSS Usage

background-color: #D5FEF1;
color: #D5FEF1;
border-color: #D5FEF1;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F1FEFA
100
#DFFCF2
200
#B9FDE8
300
#87FCD7
400
#47FBC2
500
#06F9AC
600
#05C78A
700
#049F6E
800
#037D56
900
#075A40
950
#043928

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

19.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026