#DEDC7F

#DEDC7F

Color Values

HEX

#DEDC7F

RGB

222, 220, 127

HSL

58.7, 59.0%, 68.4%

HSV

58.7, 42.8%, 87.1%

CMYK

0.0%, 0.9%, 42.8%, 12.9%

OKLCH

0.8761 0.1157 107.5

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#DEDC7F

#7F81DE

Analogous

#DEAC7F

#B0DE7F

#DEDC7F

Triadic

#DEDC7F

#7FDEDC

#DC7FDE

Split Complementary

#DEDC7F

#7FB0DE

#AC7FDE

Tetradic

#DEDC7F

#7FDEAC

#7F81DE

#DE7FB0

Color Blindness Simulation

Original

#DEDC7F

Protanopia

#DDDD95

Deuteranopia

#DDDD9B

Tritanopia

#DEA7AB

Achromatopsia

#D6D6D6

CSS Usage

background-color: #DEDC7F;
color: #DEDC7F;
border-color: #DEDC7F;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FBFBF4
100
#F6F6E4
200
#F0EFC6
300
#E6E49E
400
#D8D669
500
#CBC734
600
#A2A02A
700
#828021
800
#65641A
900
#4A4917
950
#2F2E0E

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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