#CF8628

#CF8628

Color Values

HEX

#CF8628

RGB

207, 134, 40

HSL

33.8, 67.6%, 48.4%

HSV

33.8, 80.7%, 81.2%

CMYK

0.0%, 35.3%, 80.7%, 18.8%

OKLCH

0.6805 0.1358 67.5

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#CF8628

#2871CF

Analogous

#CF3328

#C4CF28

#CF8628

Triadic

#CF8628

#28CF86

#8628CF

Split Complementary

#CF8628

#28C4CF

#3328CF

Tetradic

#CF8628

#28CF33

#2871CF

#CF28C4

Color Blindness Simulation

Original

#CF8628

Protanopia

#AFAF3F

Deuteranopia

#B4B944

Tritanopia

#CB5155

Achromatopsia

#8F8F8F

CSS Usage

background-color: #CF8628;
color: #CF8628;
border-color: #CF8628;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F3DEC3
300
#EBC798
400
#E0A961
500
#D68A29
600
#AB6F21
700
#89591A
800
#6B4515
900
#4E3413
950
#31210C

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

7.09:1

AA Pass AAA Pass

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