#CF6F17

#CF6F17

Color Values

HEX

#CF6F17

RGB

207, 111, 23

HSL

28.7, 80.0%, 45.1%

HSV

28.7, 88.9%, 81.2%

CMYK

0.0%, 46.4%, 88.9%, 18.8%

OKLCH

0.6395 0.1501 55.4

Properties

Warm Light Nearest: chocolate

Color Harmonies

Complementary

#CF6F17

#1777CF

Analogous

#CF171B

#CFCB17

#CF6F17

Triadic

#CF6F17

#17CF6F

#6F17CF

Split Complementary

#CF6F17

#17CFCB

#171BCF

Tetradic

#CF6F17

#1BCF17

#1777CF

#CB17CF

Color Blindness Simulation

Original

#CF6F17

Protanopia

#A5A52C

Deuteranopia

#ABB231

Tritanopia

#CA3D41

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#F9EDE1
200
#F8DABF
300
#F3C091
400
#EC9D55
500
#E67B19
600
#B86214
700
#934F10
800
#733E0D
900
#532F0E
950
#351E09

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

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