#CF8A30

#CF8A30

Color Values

HEX

#CF8A30

RGB

207, 138, 48

HSL

34.0, 62.4%, 50.0%

HSV

34.0, 76.8%, 81.2%

CMYK

0.0%, 33.3%, 76.8%, 18.8%

OKLCH

0.6885 0.1316 68.9

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#CF8A30

#3075CF

Analogous

#CF3B30

#C4CF30

#CF8A30

Triadic

#CF8A30

#30CF8A

#8A30CF

Split Complementary

#CF8A30

#30C4CF

#3B30CF

Tetradic

#CF8A30

#30CF3B

#3075CF

#CF30C4

Color Blindness Simulation

Original

#CF8A30

Protanopia

#B1B146

Deuteranopia

#B5BA4B

Tritanopia

#CC575B

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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