#C49B66

#C49B66

Color Values

HEX

#C49B66

RGB

196, 155, 102

HSL

33.8, 44.3%, 58.4%

HSV

33.8, 48.0%, 76.9%

CMYK

0.0%, 20.9%, 48.0%, 23.1%

OKLCH

0.7155 0.0852 72.9

Properties

Warm Light Nearest: burlywood 3

Color Harmonies

Complementary

#C49B66

#668FC4

Analogous

#C46C66

#BEC466

#C49B66

Triadic

#C49B66

#66C49B

#9B66C4

Split Complementary

#C49B66

#66BEC4

#6C66C4

Tetradic

#C49B66

#66C46C

#668FC4

#C466BE

Color Blindness Simulation

Original

#C49B66

Protanopia

#B2B273

Deuteranopia

#B5B876

Tritanopia

#C27D7F

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#EBDDCB
300
#DDC5A7
400
#CAA677
500
#B88747
600
#936C39
700
#76562D
800
#5C4324
900
#44331D
950
#2B2012

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

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