#DCCF7B

#DCCF7B

Color Values

HEX

#DCCF7B

RGB

220, 207, 123

HSL

52,0, 58,1%, 67,3%

HSV

52,0, 44,1%, 86,3%

CMYK

0,0%, 5,9%, 44,1%, 13,7%

OKLCH

0,8469 0,1062 100,6

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#DCCF7B

#7B88DC

Analogous

#DC9F7B

#B9DC7B

#DCCF7B

Triadic

#DCCF7B

#7BDCCF

#CF7BDC

Split Complementary

#DCCF7B

#7BB9DC

#9F7BDC

Tetradic

#DCCF7B

#7BDC9F

#7B88DC

#DC7BB9

Color Blindness Simulation

Original

#DCCF7B

Protanopia

#D6D68F

Deuteranopia

#D7D894

Tritanopia

#DB9FA3

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F6F4E4
200
#F0EBC7
300
#E5DC9E
400
#D7C96A
500
#CAB635
600
#A1912B
700
#817422
800
#655B1B
900
#4A4317
950
#2F2A0F

Contrast Checker

Text on white

1,58:1

AA Fail AAA Fail

Text on black

13,25: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