#DAE178

#DAE178

Color Values

HEX

#DAE178

RGB

218, 225, 120

HSL

64.0, 63.6%, 67.6%

HSV

64.0, 46.7%, 88.2%

CMYK

3.1%, 0.0%, 46.7%, 11.8%

OKLCH

0.8824 0.1293 112.1

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#DAE178

#7F78E1

Analogous

#E1B378

#A5E178

#DAE178

Triadic

#DAE178

#78DAE1

#E178DA

Split Complementary

#DAE178

#78A5E1

#B378E1

Tetradic

#DAE178

#78E1B3

#7F78E1

#E178A5

Color Blindness Simulation

Original

#DAE178

Protanopia

#DDDD91

Deuteranopia

#DDDC98

Tritanopia

#DAA5AA

Achromatopsia

#D8D8D8

CSS Usage

background-color: #DAE178;
color: #DAE178;
border-color: #DAE178;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FBFBF3
100
#F6F7E4
200
#EFF2C5
300
#E4E99B
400
#D5DD65
500
#C6D12E
600
#9EA725
700
#7F851E
800
#636817
900
#484C15
950
#2E300D

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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