#CFA06F

#CFA06F

Color Values

HEX

#CFA06F

RGB

207, 160, 111

HSL

30.6, 50.0%, 62.4%

HSV

30.6, 46.4%, 81.2%

CMYK

0.0%, 22.7%, 46.4%, 18.8%

OKLCH

0.7383 0.0856 67.0

Properties

Warm Light Nearest: burlywood 3

Color Harmonies

Complementary

#CFA06F

#6F9ECF

Analogous

#CF706F

#CECF6F

#CFA06F

Triadic

#CFA06F

#6FCFA0

#A06FCF

Split Complementary

#CFA06F

#6FCECF

#706FCF

Tetradic

#CFA06F

#6FCF70

#6F9ECF

#CF6FCE

Color Blindness Simulation

Original

#CFA06F

Protanopia

#BBBA7B

Deuteranopia

#BDC17E

Tritanopia

#CD8486

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5EDE6
200
#EDDCC9
300
#E0C2A3
400
#D0A271
500
#BF8140
600
#996733
700
#7A5229
800
#604020
900
#46311B
950
#2C1F11

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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