#CF6F30

#CF6F30

Color Values

HEX

#CF6F30

RGB

207, 111, 48

HSL

23,8, 62,4%, 50,0%

HSV

23,8, 76,8%, 81,2%

CMYK

0,0%, 46,4%, 76,8%, 18,8%

OKLCH

0,6411 0,1423 50,5

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#CF6F30

#3090CF

Analogous

#CF3040

#CFBF30

#CF6F30

Triadic

#CF6F30

#30CF6F

#6F30CF

Split Complementary

#CF6F30

#30CFBF

#3040CF

Tetradic

#CF6F30

#40CF30

#3090CF

#BF30CF

Color Blindness Simulation

Original

#CF6F30

Protanopia

#A5A53F

Deuteranopia

#ABB243

Tritanopia

#CA4B4E

Achromatopsia

#7F7F7F

CSS Usage

background-color: #CF6F30;
color: #CF6F30;
border-color: #CF6F30;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FBF7F3
100
#F7EBE4
200
#F2D7C5
300
#E8BA9C
400
#DC9466
500
#CF6F30
600
#A65926
700
#85471F
800
#683818
900
#4C2B15
950
#301B0D

Contrast Checker

Text on white

3,52:1

AA Fail AAA Fail

Text on black

5,97:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026