#CF7108

#CF7108

Color Values

HEX

#CF7108

RGB

207, 113, 8

HSL

31.7, 92.6%, 42.2%

HSV

31.7, 96.1%, 81.2%

CMYK

0.0%, 45.4%, 96.1%, 18.8%

OKLCH

0.6423 0.1517 58.0

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#CF7108

#0866CF

Analogous

#CF0E08

#CACF08

#CF7108

Triadic

#CF7108

#08CF71

#7108CF

Split Complementary

#CF7108

#08CACF

#0E08CF

Tetradic

#CF7108

#08CF0E

#0866CF

#CF08CA

Color Blindness Simulation

Original

#CF7108

Protanopia

#A6A521

Deuteranopia

#ACB328

Tritanopia

#CA353A

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FDF8F1
100
#FBEEDF
200
#FCDDBA
300
#FAC589
400
#F8A649
500
#F68609
600
#C46B08
700
#9D5606
800
#7B4305
900
#593308
950
#382005

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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