#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026