#C18486

#C18486

Color Values

HEX

#C18486

RGB

193, 132, 134

HSL

358.0, 33.0%, 63.7%

HSV

358.0, 31.6%, 75.7%

CMYK

0.0%, 31.6%, 30.6%, 24.3%

OKLCH

0.6752 0.0755 17.1

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C18486

#84C1BF

Analogous

#C184A4

#C1A084

#C18486

Triadic

#C18486

#86C184

#8486C1

Split Complementary

#C18486

#84C1A0

#84A4C1

Tetradic

#C18486

#A4C184

#84C1BF

#A084C1

Color Blindness Simulation

Original

#C18486

Protanopia

#A7A686

Deuteranopia

#AAAF85

Tritanopia

#BE8585

Achromatopsia

#919191

CSS Usage

background-color: #C18486;
color: #C18486;
border-color: #C18486;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#F9F5F5
100
#F2E8E8
200
#E7D0D0
300
#D6AEAF
400
#C08284
500
#AA5558
600
#884447
700
#6D3738
800
#552B2C
900
#3F2223
950
#281616

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

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