#CCBD95

#CCBD95

Color Values

HEX

#CCBD95

RGB

204, 189, 149

HSL

43.6, 35.0%, 69.2%

HSV

43.6, 27.0%, 80.0%

CMYK

0.0%, 7.4%, 27.0%, 20.0%

OKLCH

0.8008 0.0563 89.9

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#CCBD95

#95A4CC

Analogous

#CCA195

#BFCC95

#CCBD95

Triadic

#CCBD95

#95CCBD

#BD95CC

Split Complementary

#CCBD95

#95BFCC

#A195CC

Tetradic

#CCBD95

#95CCA1

#95A4CC

#CC95BF

Color Blindness Simulation

Original

#CCBD95

Protanopia

#C6C59F

Deuteranopia

#C6C7A1

Tritanopia

#CBA6A8

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2F0E8
200
#E8E1CF
300
#D7CCAC
400
#C2B080
500
#AC9453
600
#8A7642
700
#6E5F35
800
#564A29
900
#403721
950
#282315

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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