#DCD45F

#DCD45F

Color Values

HEX

#DCD45F

RGB

220, 212, 95

HSL

56,2, 64,1%, 61,8%

HSV

56,2, 56,8%, 86,3%

CMYK

0,0%, 3,6%, 56,8%, 13,7%

OKLCH

0,8537 0,1385 105,3

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#DCD45F

#5F67DC

Analogous

#DC965F

#A5DC5F

#DCD45F

Triadic

#DCD45F

#5FDCD4

#D45FDC

Split Complementary

#DCD45F

#5FA5DC

#965FDC

Tetradic

#DCD45F

#5FDC96

#5F67DC

#DC5FA5

Color Blindness Simulation

Original

#DCD45F

Protanopia

#D9D87B

Deuteranopia

#D9DA82

Tritanopia

#DC9297

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F6E3
200
#F2EFC4
300
#E9E49B
400
#DDD564
500
#D1C72E
600
#A79F25
700
#867F1D
800
#696317
900
#4C4914
950
#302E0D

Contrast Checker

Text on white

1,54:1

AA Fail AAA Fail

Text on black

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