#C46404

#C46404

Color Values

HEX

#C46404

RGB

196, 100, 4

HSL

30.0, 96.0%, 39.2%

HSV

30.0, 98.0%, 76.9%

CMYK

0.0%, 49.0%, 98.0%, 23.1%

OKLCH

0.6055 0.1499 54.4

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#C46404

#0464C4

Analogous

#C40404

#C4C404

#C46404

Triadic

#C46404

#04C464

#6404C4

Split Complementary

#C46404

#04C4C4

#0404C4

Tetradic

#C46404

#04C404

#0464C4

#C404C4

Color Blindness Simulation

Original

#C46404

Protanopia

#9A9A1B

Deuteranopia

#A0A721

Tritanopia

#BF2E32

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDF
200
#FEDBB9
300
#FDC287
400
#FBA146
500
#FA8005
600
#C86604
700
#A05203
800
#7D4003
900
#5A3007
950
#391F04

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

5.17:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026