#C49845

#C49845

Color Values

HEX

#C49845

RGB

196, 152, 69

HSL

39.2, 51.8%, 52.0%

HSV

39.2, 64.8%, 76.9%

CMYK

0.0%, 22.4%, 64.8%, 23.1%

OKLCH

0.705 0.1132 80.9

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#C49845

#4571C4

Analogous

#C45945

#B1C445

#C49845

Triadic

#C49845

#45C498

#9845C4

Split Complementary

#C49845

#45B1C4

#5945C4

Tetradic

#C49845

#45C459

#4571C4

#C445B1

Color Blindness Simulation

Original

#C49845

Protanopia

#B1B159

Deuteranopia

#B4B75E

Tritanopia

#C2696C

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5F0E5
200
#EEE1C9
300
#E2CCA2
400
#D2B070
500
#C2943D
600
#9B7631
700
#7C5F27
800
#614A1F
900
#47371A
950
#2D2310

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

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