#C17422

#C17422

Color Values

HEX

#C17422

RGB

193, 116, 34

HSL

30.9, 70.0%, 44.5%

HSV

30.9, 82.4%, 75.7%

CMYK

0.0%, 39.9%, 82.4%, 24.3%

OKLCH

0.6299 0.1323 61.7

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C17422

#226FC1

Analogous

#C12422

#BFC122

#C17422

Triadic

#C17422

#22C174

#7422C1

Split Complementary

#C17422

#22BFC1

#2422C1

Tetradic

#C17422

#22C124

#226FC1

#C122BF

Color Blindness Simulation

Original

#C17422

Protanopia

#A09F36

Deuteranopia

#A4AA3B

Tritanopia

#BD4649

Achromatopsia

#7E7E7E

CSS Usage

background-color: #C17422;
color: #C17422;
border-color: #C17422;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FCF7F3
100
#F8EDE3
200
#F4DCC2
300
#EDC397
400
#E3A35F
500
#D98226
600
#AD681F
700
#8B5318
800
#6C4113
900
#4F3112
950
#321F0B

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

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