#D2C339

#D2C339

Color Values

HEX

#D2C339

RGB

210, 195, 57

HSL

54.1, 63.0%, 52.4%

HSV

54.1, 72.9%, 82.4%

CMYK

0.0%, 7.1%, 72.9%, 17.6%

OKLCH

0.8061 0.1516 103.0

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#D2C339

#3948D2

Analogous

#D27739

#95D239

#D2C339

Triadic

#D2C339

#39D2C3

#C339D2

Split Complementary

#D2C339

#3995D2

#7739D2

Tetradic

#D2C339

#39D277

#3948D2

#D23995

Color Blindness Simulation

Original

#D2C339

Protanopia

#CCCB5A

Deuteranopia

#CCCE62

Tritanopia

#D1757B

Achromatopsia

#BCBCBC

CSS Usage

background-color: #D2C339;
color: #D2C339;
border-color: #D2C339;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FBFBF3
100
#F7F5E4
200
#F2EDC5
300
#E8E19B
400
#DCD065
500
#D0C02F
600
#A69A26
700
#857B1E
800
#686018
900
#4C4715
950
#302D0D

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

11.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026