#DCCF47

#DCCF47

Color Values

HEX

#DCCF47

RGB

220, 207, 71

HSL

54.8, 68.0%, 57.1%

HSV

54.8, 67.7%, 86.3%

CMYK

0.0%, 5.9%, 67.7%, 13.7%

OKLCH

0.8411 0.1524 103.8

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#DCCF47

#4754DC

Analogous

#DC8547

#9EDC47

#DCCF47

Triadic

#DCCF47

#47DCCF

#CF47DC

Split Complementary

#DCCF47

#479EDC

#8547DC

Tetradic

#DCCF47

#47DC85

#4754DC

#DC479E

Color Blindness Simulation

Original

#DCCF47

Protanopia

#D6D668

Deuteranopia

#D7D870

Tritanopia

#DB8288

Achromatopsia

#C8C8C8

CSS Usage

background-color: #DCCF47;
color: #DCCF47;
border-color: #DCCF47;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FCFBF3
100
#F7F6E3
200
#F4EFC3
300
#EBE498
400
#E1D660
500
#D6C729
600
#AB9F21
700
#897F1A
800
#6B6414
900
#4E4913
950
#312E0C

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.06:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026