#D8F7F1

#D8F7F1

Color Values

HEX

#D8F7F1

RGB

216, 247, 241

HSL

168.4, 66.0%, 90.8%

HSV

168.4, 12.6%, 96.9%

CMYK

12.6%, 0.0%, 2.4%, 3.1%

OKLCH

0.9522 0.0332 182.6

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#D8F7F1

#F7D8DE

Analogous

#D8F7E2

#D8EEF7

#D8F7F1

Triadic

#D8F7F1

#F1D8F7

#F7F1D8

Split Complementary

#D8F7F1

#F7D8EE

#F7E2D8

Tetradic

#D8F7F1

#E2D8F7

#F7D8DE

#EEF7D8

Color Blindness Simulation

Original

#D8F7F1

Protanopia

#E5E6F2

Deuteranopia

#E4E1F3

Tritanopia

#DAF4F4

Achromatopsia

#F0F0F0

CSS Usage

background-color: #D8F7F1;
color: #D8F7F1;
border-color: #D8F7F1;
Nearest Tailwind: Emerald 50 #ECFDF5

Tailwind Shades

50
#F3FCFA
100
#E3F7F3
200
#C4F3EA
300
#99EADB
400
#62DFC7
500
#2BD4B3
600
#23A98F
700
#1C8773
800
#166A5A
900
#144D42
950
#0C312A

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.49:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026