#C36F13

#C36F13

Color Values

HEX

#C36F13

RGB

195, 111, 19

HSL

31.4, 82.2%, 42.0%

HSV

31.4, 90.3%, 76.5%

CMYK

0.0%, 43.1%, 90.3%, 23.5%

OKLCH

0.623 0.1406 59.9

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#C36F13

#1367C3

Analogous

#C31713

#BFC313

#C36F13

Triadic

#C36F13

#13C36F

#6F13C3

Split Complementary

#C36F13

#13BFC3

#1713C3

Tetradic

#C36F13

#13C317

#1367C3

#C313BF

Color Blindness Simulation

Original

#C36F13

Protanopia

#9F9E29

Deuteranopia

#A4AA2F

Tritanopia

#BF3B3F

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE1
200
#F9DDBE
300
#F4C48F
400
#EEA453
500
#E88417
600
#BA6A12
700
#95550F
800
#74420B
900
#54320D
950
#352008

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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