#CF8938

#CF8938

Color Values

HEX

#CF8938

RGB

207, 137, 56

HSL

32,2, 61,1%, 51,6%

HSV

32,2, 72,9%, 81,2%

CMYK

0,0%, 33,8%, 72,9%, 18,8%

OKLCH

0,6873 0,1275 66,3

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#CF8938

#387ECF

Analogous

#CF3E38

#C9CF38

#CF8938

Triadic

#CF8938

#38CF89

#8938CF

Split Complementary

#CF8938

#38C9CF

#3E38CF

Tetradic

#CF8938

#38CF3E

#387ECF

#CF38C9

Color Blindness Simulation

Original

#CF8938

Protanopia

#B1B04C

Deuteranopia

#B5BA50

Tritanopia

#CB5B5E

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EEE4
200
#F1DDC5
300
#E7C59C
400
#DAA567
500
#CD8532
600
#A46B28
700
#835520
800
#674319
900
#4B3216
950
#2F200E

Contrast Checker

Text on white

2,88:1

AA Fail AAA Fail

Text on black

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