#C36100

#C36100

Color Values

HEX

#C36100

RGB

195, 97, 0

HSL

29.8, 100.0%, 38.2%

HSV

29.8, 100.0%, 76.5%

CMYK

0.0%, 50.3%, 100.0%, 23.5%

OKLCH

0.5992 0.1514 53.4

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#C36100

#0062C3

Analogous

#C30001

#C3C200

#C36100

Triadic

#C36100

#00C361

#6100C3

Split Complementary

#C36100

#00C3C2

#0001C3

Tetradic

#C36100

#01C300

#0062C3

#C200C3

Color Blindness Simulation

Original

#C36100

Protanopia

#999817

Deuteranopia

#9EA61D

Tritanopia

#BE2A2E

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDE
200
#FFDBB8
300
#FFC185
400
#FFA042
500
#FF7F00
600
#CC6500
700
#A35100
800
#803F00
900
#5C3005
950
#3A1E03

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

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