#C68983

#C68983

Color Values

HEX

#C68983

RGB

198, 137, 131

HSL

5.4, 37.0%, 64.5%

HSV

5.4, 33.8%, 77.6%

CMYK

0.0%, 30.8%, 33.8%, 22.4%

OKLCH

0.6892 0.0759 25.5

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#C68983

#83C0C6

Analogous

#C6839E

#C6AB83

#C68983

Triadic

#C68983

#83C689

#8983C6

Split Complementary

#C68983

#83C6AB

#839EC6

Tetradic

#C68983

#9EC683

#83C0C6

#AB83C6

Color Blindness Simulation

Original

#C68983

Protanopia

#ACAB84

Deuteranopia

#AFB485

Tritanopia

#C38686

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E9E8
200
#E9D0CE
300
#D8AFAB
400
#C4847E
500
#AF5950
600
#8C4740
700
#703933
800
#572C28
900
#412320
950
#291614

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

7.31:1

AA Pass AAA Pass

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