#DAF8D7

#DAF8D7

Color Values

HEX

#DAF8D7

RGB

218, 248, 215

HSL

114.5, 70.2%, 90.8%

HSV

114.5, 13.3%, 97.3%

CMYK

12.1%, 0.0%, 13.3%, 2.7%

OKLCH

0.9487 0.0539 142.7

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#DAF8D7

#F5D7F8

Analogous

#EBF8D7

#D7F8E5

#DAF8D7

Triadic

#DAF8D7

#D7DAF8

#F8D7DA

Split Complementary

#DAF8D7

#E5D7F8

#F8D7EB

Tetradic

#DAF8D7

#D7EBF8

#F5D7F8

#F8E5D7

Color Blindness Simulation

Original

#DAF8D7

Protanopia

#E7E7DF

Deuteranopia

#E5E3E1

Tritanopia

#DCE5E7

Achromatopsia

#EFEFEF

CSS Usage

background-color: #DAF8D7;
color: #DAF8D7;
border-color: #DAF8D7;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F4FCF3
100
#E4F8E2
200
#C7F4C2
300
#9FED97
400
#6BE35E
500
#36D926
600
#2CAE1E
700
#238B18
800
#1B6D13
900
#174F12
950
#0F320B

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.39: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