#D1CC49

#D1CC49

Color Values

HEX

#D1CC49

RGB

209, 204, 73

HSL

57.8, 59.6%, 55.3%

HSV

57.8, 65.1%, 82.0%

CMYK

0.0%, 2.4%, 65.1%, 18.0%

OKLCH

0.8254 0.1494 107.1

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#D1CC49

#494ED1

Analogous

#D18849

#92D149

#D1CC49

Triadic

#D1CC49

#49D1CC

#CC49D1

Split Complementary

#D1CC49

#4992D1

#8849D1

Tetradic

#D1CC49

#49D188

#494ED1

#D14992

Color Blindness Simulation

Original

#D1CC49

Protanopia

#CFCF69

Deuteranopia

#CFCF70

Tritanopia

#D18287

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1EFC6
300
#E6E49D
400
#D9D568
500
#CBC634
600
#A39E29
700
#827F21
800
#66631A
900
#4A4916
950
#2F2E0E

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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