#CF8930

#CF8930

Color Values

HEX

#CF8930

RGB

207, 137, 48

HSL

33.6, 62.4%, 50.0%

HSV

33.6, 76.8%, 81.2%

CMYK

0.0%, 33.8%, 76.8%, 18.8%

OKLCH

0.6866 0.1317 68.1

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#CF8930

#3076CF

Analogous

#CF3930

#C6CF30

#CF8930

Triadic

#CF8930

#30CF89

#8930CF

Split Complementary

#CF8930

#30C6CF

#3930CF

Tetradic

#CF8930

#30CF39

#3076CF

#CF30C6

Color Blindness Simulation

Original

#CF8930

Protanopia

#B1B046

Deuteranopia

#B5BA4B

Tritanopia

#CB575A

Achromatopsia

#919191

CSS Usage

background-color: #CF8930;
color: #CF8930;
border-color: #CF8930;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FBF8F3
100
#F7EEE4
200
#F2DEC5
300
#E8C69C
400
#DCA866
500
#CF8930
600
#A66E26
700
#85581F
800
#684518
900
#4C3415
950
#30210D

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.27:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026