#DAE273

#DAE273

Color Values

HEX

#DAE273

RGB

218, 226, 115

HSL

64.3, 65.7%, 66.9%

HSV

64.3, 49.1%, 88.6%

CMYK

3.5%, 0.0%, 49.1%, 11.4%

OKLCH

0.8839 0.1354 112.5

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#DAE273

#7B73E2

Analogous

#E2B373

#A3E273

#DAE273

Triadic

#DAE273

#73DAE2

#E273DA

Split Complementary

#DAE273

#73A3E2

#B373E2

Tetradic

#DAE273

#73E2B3

#7B73E2

#E273A3

Color Blindness Simulation

Original

#DAE273

Protanopia

#DDDE8E

Deuteranopia

#DDDC94

Tritanopia

#DAA3A8

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#EFF3C4
300
#E4EA9A
400
#D6DF63
500
#C7D32C
600
#9FA923
700
#80871C
800
#646A16
900
#494D14
950
#2E310D

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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