#C49963

#C49963

Color Values

HEX

#C49963

RGB

196, 153, 99

HSL

33.4, 45.1%, 57.8%

HSV

33.4, 49.5%, 76.9%

CMYK

0.0%, 21.9%, 49.5%, 23.1%

OKLCH

0.711 0.0876 72.0

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#C49963

#638EC4

Analogous

#C46863

#BEC463

#C49963

Triadic

#C49963

#63C499

#9963C4

Split Complementary

#C49963

#63BEC4

#6863C4

Tetradic

#C49963

#63C468

#638EC4

#C463BE

Color Blindness Simulation

Original

#C49963

Protanopia

#B1B170

Deuteranopia

#B4B773

Tritanopia

#C27A7D

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#EBDDCB
300
#DDC5A6
400
#CBA576
500
#B98646
600
#946B38
700
#76562D
800
#5D4323
900
#44331D
950
#2B2012

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

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