#CFB973

#CFB973

Color Values

HEX

#CFB973

RGB

207, 185, 115

HSL

45.7, 48.9%, 63.1%

HSV

45.7, 44.4%, 81.2%

CMYK

0.0%, 10.6%, 44.4%, 18.8%

OKLCH

0.7889 0.093 92.6

Properties

Warm Light Nearest: lightgoldenrod 3

Color Harmonies

Complementary

#CFB973

#7389CF

Analogous

#CF8B73

#B7CF73

#CFB973

Triadic

#CFB973

#73CFB9

#B973CF

Split Complementary

#CFB973

#73B7CF

#8B73CF

Tetradic

#CFB973

#73CF8B

#7389CF

#CF73B7

Color Blindness Simulation

Original

#CFB973

Protanopia

#C5C584

Deuteranopia

#C7C888

Tritanopia

#CE9194

Achromatopsia

#B9B9B9

CSS Usage

background-color: #CFB973;
color: #CFB973;
border-color: #CFB973;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FBF9F4
100
#F5F1E6
200
#EDE4CA
300
#E0D1A4
400
#CFB973
500
#BEA041
600
#988034
700
#7A662A
800
#5F5021
900
#463C1B
950
#2C2611

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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