#CF720E

#CF720E

Color Values

HEX

#CF720E

RGB

207, 114, 14

HSL

31,1, 87,3%, 43,3%

HSV

31,1, 93,2%, 81,2%

CMYK

0,0%, 44,9%, 93,2%, 18,8%

OKLCH

0,6442 0,1503 58,1

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#CF720E

#0E6BCF

Analogous

#CF120E

#CBCF0E

#CF720E

Triadic

#CF720E

#0ECF72

#720ECF

Split Complementary

#CF720E

#0ECBCF

#120ECF

Tetradic

#CF720E

#0ECF12

#0E6BCF

#CF0ECB

Color Blindness Simulation

Original

#CF720E

Protanopia

#A7A626

Deuteranopia

#ACB32C

Tritanopia

#CA393E

Achromatopsia

#7F7F7F

CSS Usage

background-color: #CF720E;
color: #CF720E;
border-color: #CF720E;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#FADCBC
300
#F7C48C
400
#F3A44E
500
#EF8410
600
#BF690D
700
#99540A
800
#774208
900
#57320A
950
#371F07

Contrast Checker

Text on white

3,46:1

AA Fail AAA Fail

Text on black

6,07:1

AA Pass AAA Fail

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