#C2B696

#C2B696

Color Values

HEX

#C2B696

RGB

194, 182, 150

HSL

43.6, 26.5%, 67.5%

HSV

43.6, 22.7%, 76.1%

CMYK

0.0%, 6.2%, 22.7%, 23.9%

OKLCH

0.7779 0.0457 89.9

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#C2B696

#96A2C2

Analogous

#C2A096

#B8C296

#C2B696

Triadic

#C2B696

#96C2B6

#B696C2

Split Complementary

#C2B696

#96B8C2

#A096C2

Tetradic

#C2B696

#96C2A0

#96A2C2

#C296B8

Color Blindness Simulation

Original

#C2B696

Protanopia

#BDBD9E

Deuteranopia

#BEBEA0

Tritanopia

#C1A4A5

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EFE9
200
#E5E0D2
300
#D2C9B2
400
#BAAC88
500
#A18F5E
600
#81724B
700
#675B3C
800
#51472F
900
#3C3625
950
#262217

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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