#C26613

#C26613

Color Values

HEX

#C26613

RGB

194, 102, 19

HSL

28.5, 82.2%, 41.8%

HSV

28.5, 90.2%, 76.1%

CMYK

0.0%, 47.4%, 90.2%, 23.9%

OKLCH

0.6064 0.1444 54.7

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#C26613

#136FC2

Analogous

#C21317

#C2BE13

#C26613

Triadic

#C26613

#13C266

#6613C2

Split Complementary

#C26613

#13C2BE

#1317C2

Tetradic

#C26613

#17C213

#136FC2

#BE13C2

Color Blindness Simulation

Original

#C26613

Protanopia

#9A9927

Deuteranopia

#A0A62C

Tritanopia

#BD373A

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAEDE1
200
#F9DABE
300
#F4BF8F
400
#EE9D53
500
#E87A17
600
#BA6212
700
#954E0F
800
#743D0B
900
#542F0D
950
#351D08

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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