#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