#CF9049

#CF9049

Color Values

HEX

#CF9049

RGB

207, 144, 73

HSL

31.8, 58.3%, 54.9%

HSV

31.8, 64.7%, 81.2%

CMYK

0.0%, 30.4%, 64.7%, 18.8%

OKLCH

0.7021 0.116 67.1

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#CF9049

#4988CF

Analogous

#CF4D49

#CBCF49

#CF9049

Triadic

#CF9049

#49CF90

#9049CF

Split Complementary

#CF9049

#49CBCF

#4D49CF

Tetradic

#CF9049

#49CF4D

#4988CF

#CF49CB

Color Blindness Simulation

Original

#CF9049

Protanopia

#B4B35A

Deuteranopia

#B7BC5E

Tritanopia

#CC686B

Achromatopsia

#989898

CSS Usage

background-color: #CF9049;
color: #CF9049;
border-color: #CF9049;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FBF8F4
100
#F6EEE4
200
#F0DDC6
300
#E5C49E
400
#D8A46A
500
#CA8435
600
#A16A2B
700
#815422
800
#65421B
900
#4A3217
950
#2F200F

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

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