#DFEB7B

#DFEB7B

Color Values

HEX

#DFEB7B

RGB

223, 235, 123

HSL

66,4, 73,7%, 70,2%

HSV

66,4, 47,7%, 92,2%

CMYK

5,1%, 0,0%, 47,7%, 7,8%

OKLCH

0,9078 0,1372 114,2

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#DFEB7B

#877BEB

Analogous

#EBBF7B

#A7EB7B

#DFEB7B

Triadic

#DFEB7B

#7BDFEB

#EB7BDF

Split Complementary

#DFEB7B

#7BA7EB

#BF7BEB

Tetradic

#DFEB7B

#7BEBBF

#877BEB

#EB7BA7

Color Blindness Simulation

Original

#DFEB7B

Protanopia

#E4E496

Deuteranopia

#E4E39D

Tritanopia

#E0ACB0

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F8E2
200
#F0F6C1
300
#E5EF95
400
#D7E65B
500
#C9DD22
600
#A1B11B
700
#818E15
800
#656F11
900
#4A5110
950
#2F330A

Contrast Checker

Text on white

1,29:1

AA Fail AAA Fail

Text on black

16,31:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Oca 18, 2026