#D8AF27

#D8AF27

Color Values

HEX

#D8AF27

RGB

216, 175, 39

HSL

46.1, 69.4%, 50.0%

HSV

46.1, 81.9%, 84.7%

CMYK

0.0%, 19.0%, 81.9%, 15.3%

OKLCH

0.7696 0.1476 90.4

Properties

Warm Light Nearest: NCS S 2060-Y Rich Yellow

Color Harmonies

Complementary

#D8AF27

#2750D8

Analogous

#D85727

#A8D827

#D8AF27

Triadic

#D8AF27

#27D8AF

#AF27D8

Split Complementary

#D8AF27

#27A8D8

#5727D8

Tetradic

#D8AF27

#27D857

#2750D8

#D827A8

Color Blindness Simulation

Original

#D8AF27

Protanopia

#C6C648

Deuteranopia

#C9CC50

Tritanopia

#D66268

Achromatopsia

#AEAEAE

CSS Usage

background-color: #D8AF27;
color: #D8AF27;
border-color: #D8AF27;
Nearest Tailwind: Yellow 500 #EAB308

Tailwind Shades

50
#FCFAF3
100
#F8F3E3
200
#F4E9C3
300
#ECD997
400
#E2C45F
500
#D8AF27
600
#AD8C1F
700
#8A7019
800
#6C5714
900
#4F4112
950
#32290B

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

10.08:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026