#C47213

#C47213

Color Values

HEX

#C47213

RGB

196, 114, 19

HSL

32.2, 82.3%, 42.2%

HSV

32.2, 90.3%, 76.9%

CMYK

0.0%, 41.8%, 90.3%, 23.1%

OKLCH

0.6296 0.1401 61.5

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#C47213

#1365C4

Analogous

#C41A13

#BEC413

#C47213

Triadic

#C47213

#13C472

#7213C4

Split Complementary

#C47213

#13BEC4

#1A13C4

Tetradic

#C47213

#13C41A

#1365C4

#C413BE

Color Blindness Simulation

Original

#C47213

Protanopia

#A0A02A

Deuteranopia

#A5AB2F

Tritanopia

#C03C40

Achromatopsia

#7D7D7D

CSS Usage

background-color: #C47213;
color: #C47213;
border-color: #C47213;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FDF8F2
100
#FAEEE1
200
#F9DDBE
300
#F4C58F
400
#EEA653
500
#E88717
600
#BA6C12
700
#95570E
800
#74440B
900
#54330D
950
#352008

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

5.76:1

AA Pass AAA Fail

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