#DAE376

#DAE376

Color Values

HEX

#DAE376

RGB

218, 227, 118

HSL

65.0, 66.1%, 67.6%

HSV

65.0, 48.0%, 89.0%

CMYK

4.0%, 0.0%, 48.0%, 11.0%

OKLCH

0.8864 0.1337 113.0

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#DAE376

#7F76E3

Analogous

#E3B576

#A3E376

#DAE376

Triadic

#DAE376

#76DAE3

#E376DA

Split Complementary

#DAE376

#76A3E3

#B576E3

Tetradic

#DAE376

#76E3B5

#7F76E3

#E376A3

Color Blindness Simulation

Original

#DAE376

Protanopia

#DEDE90

Deuteranopia

#DDDD97

Tritanopia

#DAA5AA

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#EFF3C4
300
#E4EA99
400
#D5DF62
500
#C6D42B
600
#9EA923
700
#7F881C
800
#636A16
900
#484D14
950
#2E310C

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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