#C4B99C

#C4B99C

Color Values

HEX

#C4B99C

RGB

196, 185, 156

HSL

43.5, 25.3%, 69.0%

HSV

43.5, 20.4%, 76.9%

CMYK

0.0%, 5.6%, 20.4%, 23.1%

OKLCH

0.7872 0.0415 89.7

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#C4B99C

#9CA7C4

Analogous

#C4A59C

#BBC49C

#C4B99C

Triadic

#C4B99C

#9CC4B9

#B99CC4

Split Complementary

#C4B99C

#9CBBC4

#A59CC4

Tetradic

#C4B99C

#9CC4A5

#9CA7C4

#C49CBB

Color Blindness Simulation

Original

#C4B99C

Protanopia

#BFBFA3

Deuteranopia

#C0C1A5

Tritanopia

#C3A9AA

Achromatopsia

#B9B9B9

CSS Usage

background-color: #C4B99C;
color: #C4B99C;
border-color: #C4B99C;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F8F6
100
#F1EFE9
200
#E4DFD2
300
#D1C9B2
400
#B9AB89
500
#A08E5F
600
#80724C
700
#665B3D
800
#504730
900
#3B3525
950
#262218

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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