#C68099

#C68099

Color Values

HEX

#C68099

RGB

198, 128, 153

HSL

338.6, 38.0%, 63.9%

HSV

338.6, 35.4%, 77.6%

CMYK

0.0%, 35.4%, 22.7%, 22.4%

OKLCH

0.6794 0.0918 356.8

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#C68099

#80C6AD

Analogous

#C680BC

#C68A80

#C68099

Triadic

#C68099

#99C680

#8099C6

Split Complementary

#C68099

#80C68A

#80BCC6

Tetradic

#C68099

#BCC680

#80C6AD

#8A80C6

Color Blindness Simulation

Original

#C68099

Protanopia

#A8A793

Deuteranopia

#ACB192

Tritanopia

#C28E8D

Achromatopsia

#919191

CSS Usage

background-color: #C68099;
color: #C68099;
border-color: #C68099;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF5F7
100
#F3E7EB
200
#E9CED7
300
#D9ABBB
400
#C57D96
500
#B04F72
600
#8D3F5B
700
#713349
800
#582839
900
#41202C
950
#29141C

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

6.95:1

AA Pass AAA Fail

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