#CF8536

#CF8536

Color Values

HEX

#CF8536

RGB

207, 133, 54

HSL

31,0, 61,4%, 51,2%

HSV

31,0, 73,9%, 81,2%

CMYK

0,0%, 35,7%, 73,9%, 18,8%

OKLCH

0,6798 0,1294 63,9

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#CF8536

#3680CF

Analogous

#CF3936

#CCCF36

#CF8536

Triadic

#CF8536

#36CF85

#8536CF

Split Complementary

#CF8536

#36CCCF

#3936CF

Tetradic

#CF8536

#36CF39

#3680CF

#CF36CC

Color Blindness Simulation

Original

#CF8536

Protanopia

#AFAE49

Deuteranopia

#B3B94E

Tritanopia

#CB585C

Achromatopsia

#8F8F8F

CSS Usage

background-color: #CF8536;
color: #CF8536;
border-color: #CF8536;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FBF7F3
100
#F6EDE4
200
#F1DCC5
300
#E7C39C
400
#DBA367
500
#CE8231
600
#A56827
700
#84531F
800
#674119
900
#4B3116
950
#301F0E

Contrast Checker

Text on white

2,97:1

AA Fail AAA Fail

Text on black

7,06: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