#DAF0C4

#DAF0C4

Color Values

HEX

#DAF0C4

RGB

218, 240, 196

HSL

90.0, 59.5%, 85.5%

HSV

90.0, 18.3%, 94.1%

CMYK

9.2%, 0.0%, 18.3%, 5.9%

OKLCH

0.9276 0.0626 129.2

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#DAF0C4

#DAC4F0

Analogous

#F0F0C4

#C4F0C4

#DAF0C4

Triadic

#DAF0C4

#C4DAF0

#F0C4DA

Split Complementary

#DAF0C4

#C4C4F0

#F0C4F0

Tetradic

#DAF0C4

#C4F0F0

#DAC4F0

#F0C4C4

Color Blindness Simulation

Original

#DAF0C4

Protanopia

#E4E4CF

Deuteranopia

#E2E1D1

Tritanopia

#DBD7D9

Achromatopsia

#E8E8E8

CSS Usage

background-color: #DAF0C4;
color: #DAF0C4;
border-color: #DAF0C4;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F7FBF3
100
#EDF6E4
200
#DBF1C6
300
#C2E69D
400
#A1D969
500
#80CB34
600
#66A329
700
#528221
800
#40661A
900
#304A17
950
#1F2F0E

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.24:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026