#DAF0AD

#DAF0AD

Color Values

HEX

#DAF0AD

RGB

218, 240, 173

HSL

79.7, 69.1%, 81.0%

HSV

79.7, 27.9%, 94.1%

CMYK

9.2%, 0.0%, 27.9%, 5.9%

OKLCH

0.9228 0.0901 122.9

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#DAF0AD

#C3ADF0

Analogous

#F0E5AD

#B9F0AD

#DAF0AD

Triadic

#DAF0AD

#ADDAF0

#F0ADDA

Split Complementary

#DAF0AD

#ADB9F0

#E5ADF0

Tetradic

#DAF0AD

#ADF0E5

#C3ADF0

#F0ADB9

Color Blindness Simulation

Original

#DAF0AD

Protanopia

#E4E4BD

Deuteranopia

#E2E1C1

Tritanopia

#DBCACD

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#F9FCF3
100
#F1F8E3
200
#E4F4C3
300
#D0EC98
400
#B7E25F
500
#9ED827
600
#7EAC20
700
#658A19
800
#4F6C14
900
#3B4F12
950
#25320C

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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