#DEDB68

#DEDB68

Color Values

HEX

#DEDB68

RGB

222, 219, 104

HSL

58.5, 64.1%, 63.9%

HSV

58.5, 53.2%, 87.1%

CMYK

0.0%, 1.4%, 53.2%, 12.9%

OKLCH

0.871 0.1374 107.6

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#DEDB68

#686BDE

Analogous

#DEA068

#A6DE68

#DEDB68

Triadic

#DEDB68

#68DEDB

#DB68DE

Split Complementary

#DEDB68

#68A6DE

#A068DE

Tetradic

#DEDB68

#68DEA0

#686BDE

#DE68A6

Color Blindness Simulation

Original

#DEDB68

Protanopia

#DDDD84

Deuteranopia

#DDDD8A

Tritanopia

#DE9A9F

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F6E3
200
#F2F1C4
300
#E9E79B
400
#DDDA64
500
#D1CD2E
600
#A7A425
700
#86831D
800
#696717
900
#4C4B14
950
#302F0D

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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