#CFA388

#CFA388

Color Values

HEX

#CFA388

RGB

207, 163, 136

HSL

22.8, 42.5%, 67.3%

HSV

22.8, 34.3%, 81.2%

CMYK

0.0%, 21.3%, 34.3%, 18.8%

OKLCH

0.749 0.0643 53.0

Properties

Warm Light Nearest: Tumbleweed

Color Harmonies

Complementary

#CFA388

#88B4CF

Analogous

#CF8891

#CFC788

#CFA388

Triadic

#CFA388

#88CFA3

#A388CF

Split Complementary

#CFA388

#88CFC7

#8891CF

Tetradic

#CFA388

#91CF88

#88B4CF

#C788CF

Color Blindness Simulation

Original

#CFA388

Protanopia

#BCBC8F

Deuteranopia

#BEC290

Tritanopia

#CD9495

Achromatopsia

#AAAAAA

CSS Usage

background-color: #CFA388;
color: #CFA388;
border-color: #CFA388;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF7F5
100
#F4ECE7
200
#EAD8CC
300
#DCBCA8
400
#C99779
500
#B67249
600
#915C3B
700
#74492F
800
#5B3925
900
#432C1E
950
#2A1C13

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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