#C3B48C

#C3B48C

Color Values

HEX

#C3B48C

RGB

195, 180, 140

HSL

43.6, 31.4%, 65.7%

HSV

43.6, 28.2%, 76.5%

CMYK

0.0%, 7.7%, 28.2%, 23.5%

OKLCH

0.7725 0.0566 89.9

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#C3B48C

#8C9BC3

Analogous

#C3998C

#B7C38C

#C3B48C

Triadic

#C3B48C

#8CC3B4

#B48CC3

Split Complementary

#C3B48C

#8CB7C3

#998CC3

Tetradic

#C3B48C

#8CC399

#8C9BC3

#C38CB7

Color Blindness Simulation

Original

#C3B48C

Protanopia

#BDBC96

Deuteranopia

#BDBE98

Tritanopia

#C29D9F

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EFE8
200
#E7E0D0
300
#D5CBAF
400
#BEAE83
500
#A89257
600
#867546
700
#6B5D38
800
#54492C
900
#3E3723
950
#272316

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

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