#C45708

#C45708

Color Values

HEX

#C45708

RGB

196, 87, 8

HSL

25.2, 92.2%, 40.0%

HSV

25.2, 95.9%, 76.9%

CMYK

0.0%, 55.6%, 95.9%, 23.1%

OKLCH

0.5856 0.1584 47.3

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#C45708

#0875C4

Analogous

#C40817

#C4B508

#C45708

Triadic

#C45708

#08C457

#5708C4

Split Complementary

#C45708

#08C4B5

#0817C4

Tetradic

#C45708

#17C408

#0875C4

#B508C4

Color Blindness Simulation

Original

#C45708

Protanopia

#95941B

Deuteranopia

#9BA320

Tritanopia

#BF2A2E

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBEBDF
200
#FCD6BA
300
#FAB989
400
#F8934A
500
#F56D0A
600
#C45708
700
#9D4606
800
#7B3605
900
#592A08
950
#381B05

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

4.71:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026