#CF8228

#CF8228

Color Values

HEX

#CF8228

RGB

207, 130, 40

HSL

32.3, 67.6%, 48.4%

HSV

32.3, 80.7%, 81.2%

CMYK

0.0%, 37.2%, 80.7%, 18.8%

OKLCH

0.6733 0.1367 64.7

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#CF8228

#2875CF

Analogous

#CF2E28

#C8CF28

#CF8228

Triadic

#CF8228

#28CF82

#8228CF

Split Complementary

#CF8228

#28C8CF

#2E28CF

Tetradic

#CF8228

#28CF2E

#2875CF

#CF28C8

Color Blindness Simulation

Original

#CF8228

Protanopia

#AEAD3E

Deuteranopia

#B2B843

Tritanopia

#CB4F53

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F3DDC3
300
#EBC598
400
#E0A661
500
#D68629
600
#AB6B21
700
#89561A
800
#6B4315
900
#4E3313
950
#31200C

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

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