#C48A50

#C48A50

Color Values

HEX

#C48A50

RGB

196, 138, 80

HSL

30.0, 49.6%, 54.1%

HSV

30.0, 59.2%, 76.9%

CMYK

0.0%, 29.6%, 59.2%, 23.1%

OKLCH

0.679 0.103 64.6

Properties

Warm Light Nearest: Raw Sienna

Color Harmonies

Complementary

#C48A50

#508AC4

Analogous

#C45050

#C4C450

#C48A50

Triadic

#C48A50

#50C48A

#8A50C4

Split Complementary

#C48A50

#50C4C4

#5050C4

Tetradic

#C48A50

#50C450

#508AC4

#C450C4

Color Blindness Simulation

Original

#C48A50

Protanopia

#ABAA5E

Deuteranopia

#AEB361

Tritanopia

#C1696C

Achromatopsia

#929292

CSS Usage

background-color: #C48A50;
color: #C48A50;
border-color: #C48A50;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FBF7F4
100
#F5EDE6
200
#EDDBCA
300
#E0C2A3
400
#CFA172
500
#BF8040
600
#996633
700
#7A5229
800
#5F4020
900
#46301B
950
#2C1F11

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

7.1:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026