#C46C12

#C46C12

Color Values

HEX

#C46C12

RGB

196, 108, 18

HSL

30.3, 83.2%, 42.0%

HSV

30.3, 90.8%, 76.9%

CMYK

0.0%, 44.9%, 90.8%, 23.1%

OKLCH

0.6192 0.1431 57.8

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#C46C12

#126AC4

Analogous

#C41312

#C3C412

#C46C12

Triadic

#C46C12

#12C46C

#6C12C4

Split Complementary

#C46C12

#12C3C4

#1312C4

Tetradic

#C46C12

#12C413

#126AC4

#C412C3

Color Blindness Simulation

Original

#C46C12

Protanopia

#9E9D28

Deuteranopia

#A3AA2D

Tritanopia

#C0393D

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAEDE1
200
#F9DCBE
300
#F5C28F
400
#EFA152
500
#EA8115
600
#BB6711
700
#95520E
800
#75400B
900
#55310C
950
#361F08

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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