#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026