#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

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026