#DAE588

#DAE588

Color Values

HEX

#DAE588

RGB

218, 229, 136

HSL

67.1, 64.1%, 71.6%

HSV

67.1, 40.6%, 89.8%

CMYK

4.8%, 0.0%, 40.6%, 10.2%

OKLCH

0.8932 0.1174 114.3

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#DAE588

#9388E5

Analogous

#E5C288

#ACE588

#DAE588

Triadic

#DAE588

#88DAE5

#E588DA

Split Complementary

#DAE588

#88ACE5

#C288E5

Tetradic

#DAE588

#88E5C2

#9388E5

#E588AC

Color Blindness Simulation

Original

#DAE588

Protanopia

#DFDF9E

Deuteranopia

#DEDDA4

Tritanopia

#DBB0B4

Achromatopsia

#DCDCDC

CSS Usage

background-color: #DAE588;
color: #DAE588;
border-color: #DAE588;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#FBFCF3
100
#F5F7E3
200
#EDF2C4
300
#E0E99B
400
#CFDD64
500
#BED12E
600
#98A725
700
#7A861D
800
#5F6917
900
#464C14
950
#2C300D

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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