#C1663E

#C1663E

Color Values

HEX

#C1663E

RGB

193, 102, 62

HSL

18,3, 51,4%, 50,0%

HSV

18,3, 67,9%, 75,7%

CMYK

0,0%, 47,2%, 67,9%, 24,3%

OKLCH

0,6086 0,1285 43,5

Properties

Warm Light Nearest: sienna 3

Color Harmonies

Complementary

#C1663E

#3E99C1

Analogous

#C13E58

#C1A73E

#C1663E

Triadic

#C1663E

#3EC166

#663EC1

Split Complementary

#C1663E

#3EC1A7

#3E58C1

Tetradic

#C1663E

#58C13E

#3E99C1

#A73EC1

Color Blindness Simulation

Original

#C1663E

Protanopia

#9A9948

Deuteranopia

#9FA64A

Tritanopia

#BC4F51

Achromatopsia

#767676

CSS Usage

background-color: #C1663E;
color: #C1663E;
border-color: #C1663E;
Nearest Tailwind: Amber 800 #92400E

Tailwind Shades

50
#FBF6F4
100
#F5EAE5
200
#EED4C9
300
#E1B6A2
400
#D18E70
500
#C1663E
600
#9A5232
700
#7C4128
800
#61331F
900
#47281A
950
#2D1910

Contrast Checker

Text on white

4,01:1

AA Fail AAA Fail

Text on black

5,24: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