#C68C86

#C68C86

Color Values

HEX

#C68C86

RGB

198, 140, 134

HSL

5.6, 36.0%, 65.1%

HSV

5.6, 32.3%, 77.6%

CMYK

0.0%, 29.3%, 32.3%, 22.4%

OKLCH

0.6955 0.0719 25.7

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#C68C86

#86C0C6

Analogous

#C686A0

#C6AC86

#C68C86

Triadic

#C68C86

#86C68C

#8C86C6

Split Complementary

#C68C86

#86C6AC

#86A0C6

Tetradic

#C68C86

#A0C686

#86C0C6

#AC86C6

Color Blindness Simulation

Original

#C68C86

Protanopia

#ADAC87

Deuteranopia

#B0B588

Tritanopia

#C38989

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E9E8
200
#E8D1CE
300
#D8B0AC
400
#C3857F
500
#AD5A52
600
#8B4841
700
#6F3A34
800
#572D29
900
#402421
950
#291715

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.5:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026