#C2AB8C

#C2AB8C

Color Values

HEX

#C2AB8C

RGB

194, 171, 140

HSL

34.4, 30.7%, 65.5%

HSV

34.4, 27.8%, 76.1%

CMYK

0.0%, 11.9%, 27.8%, 23.9%

OKLCH

0.7532 0.0502 75.1

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#C2AB8C

#8CA3C2

Analogous

#C2908C

#BEC28C

#C2AB8C

Triadic

#C2AB8C

#8CC2AB

#AB8CC2

Split Complementary

#C2AB8C

#8CBEC2

#908CC2

Tetradic

#C2AB8C

#8CC290

#8CA3C2

#C28CBE

Color Blindness Simulation

Original

#C2AB8C

Protanopia

#B8B893

Deuteranopia

#B9BB95

Tritanopia

#C1999B

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EEE8
200
#E6DDD0
300
#D5C5AF
400
#BEA584
500
#A78558
600
#856B47
700
#6B5539
800
#53432C
900
#3E3223
950
#272016

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

9.5:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026