#C36D14

#C36D14

Color Values

HEX

#C36D14

RGB

195, 109, 20

HSL

30.5, 81.4%, 42.2%

HSV

30.5, 89.7%, 76.5%

CMYK

0.0%, 44.1%, 89.7%, 23.5%

OKLCH

0.6196 0.1413 58.5

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#C36D14

#146AC3

Analogous

#C31514

#C2C314

#C36D14

Triadic

#C36D14

#14C36D

#6D14C3

Split Complementary

#C36D14

#14C2C3

#1514C3

Tetradic

#C36D14

#14C315

#146AC3

#C314C2

Color Blindness Simulation

Original

#C36D14

Protanopia

#9E9D2A

Deuteranopia

#A3A92F

Tritanopia

#BF3B3E

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAEDE1
200
#F8DCBE
300
#F4C390
400
#EDA254
500
#E78118
600
#B96713
700
#94530F
800
#74410C
900
#54310D
950
#351F08

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

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