#C1691A

#C1691A

Color Values

HEX

#C1691A

RGB

193, 105, 26

HSL

28.4, 76.3%, 42.9%

HSV

28.4, 86.5%, 75.7%

CMYK

0.0%, 45.6%, 86.5%, 24.3%

OKLCH

0.6104 0.14 55.8

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#C1691A

#1A72C1

Analogous

#C11A1E

#C1BC1A

#C1691A

Triadic

#C1691A

#1AC169

#691AC1

Split Complementary

#C1691A

#1AC1BC

#1A1EC1

Tetradic

#C1691A

#1EC11A

#1A72C1

#BC1AC1

Color Blindness Simulation

Original

#C1691A

Protanopia

#9B9A2D

Deuteranopia

#A0A732

Tritanopia

#BD3C40

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE2
200
#F7DAC0
300
#F0BF93
400
#E99D59
500
#E17A1E
600
#B46218
700
#904E13
800
#703D0F
900
#522F0F
950
#341D0A

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

5.3:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026