#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026