#C36000

#C36000

Color Values

HEX

#C36000

RGB

195, 96, 0

HSL

29.5, 100.0%, 38.2%

HSV

29.5, 100.0%, 76.5%

CMYK

0.0%, 50.8%, 100.0%, 23.5%

OKLCH

0.5976 0.152 52.8

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#C36000

#0063C3

Analogous

#C30002

#C3C100

#C36000

Triadic

#C36000

#00C360

#6000C3

Split Complementary

#C36000

#00C3C1

#0002C3

Tetradic

#C36000

#02C300

#0063C3

#C100C3

Color Blindness Simulation

Original

#C36000

Protanopia

#989717

Deuteranopia

#9EA51D

Tritanopia

#BE2A2E

Achromatopsia

#6E6E6E

CSS Usage

background-color: #C36000;
color: #C36000;
border-color: #C36000;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FEF7F1
100
#FCEDDE
200
#FFDBB8
300
#FFC185
400
#FF9F42
500
#FF7D00
600
#CC6400
700
#A35000
800
#803F00
900
#5C3005
950
#3A1E03

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

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