#D7BF28

#D7BF28

Color Values

HEX

#D7BF28

RGB

215, 191, 40

HSL

51.8, 68.6%, 50.0%

HSV

51.8, 81.4%, 84.3%

CMYK

0.0%, 11.2%, 81.4%, 15.7%

OKLCH

0.8014 0.1569 99.4

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#D7BF28

#2840D7

Analogous

#D76828

#97D728

#D7BF28

Triadic

#D7BF28

#28D7BF

#BF28D7

Split Complementary

#D7BF28

#2897D7

#6828D7

Tetradic

#D7BF28

#28D768

#2840D7

#D72897

Color Blindness Simulation

Original

#D7BF28

Protanopia

#CDCC4C

Deuteranopia

#CED055

Tritanopia

#D66970

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F8F5E3
200
#F4EDC3
300
#ECE098
400
#E1D060
500
#D7BF28
600
#AC9920
700
#8A7A1A
800
#6B6014
900
#4E4613
950
#312C0C

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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