#C4670F

#C4670F

Color Values

HEX

#C4670F

RGB

196, 103, 15

HSL

29.2, 85.8%, 41.4%

HSV

29.2, 92.3%, 76.9%

CMYK

0.0%, 47.4%, 92.3%, 23.1%

OKLCH

0.6107 0.1464 55.1

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#C4670F

#0F6CC4

Analogous

#C40F11

#C4C20F

#C4670F

Triadic

#C4670F

#0FC467

#670FC4

Split Complementary

#C4670F

#0FC4C2

#0F11C4

Tetradic

#C4670F

#11C40F

#0F6CC4

#C20FC4

Color Blindness Simulation

Original

#C4670F

Protanopia

#9C9B24

Deuteranopia

#A1A829

Tritanopia

#BF3539

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAEDE0
200
#FADABD
300
#F6C08D
400
#F29E50
500
#ED7D12
600
#BE640E
700
#98500C
800
#763E09
900
#562F0B
950
#361E07

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

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