#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026