#C68599

#C68599

Color Values

HEX

#C68599

RGB

198, 133, 153

HSL

341.5, 36.3%, 64.9%

HSV

341.5, 32.8%, 77.6%

CMYK

0.0%, 32.8%, 22.7%, 22.4%

OKLCH

0.6881 0.0836 359.5

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#C68599

#85C6B2

Analogous

#C685BA

#C69185

#C68599

Triadic

#C68599

#99C685

#8599C6

Split Complementary

#C68599

#85C691

#85BAC6

Tetradic

#C68599

#BAC685

#85C6B2

#9185C6

Color Blindness Simulation

Original

#C68599

Protanopia

#AAA994

Deuteranopia

#AEB293

Tritanopia

#C39090

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E8EB
200
#E8CED6
300
#D8ACB9
400
#C37E94
500
#AE516E
600
#8B4158
700
#6F3446
800
#572937
900
#40212A
950
#29151B

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

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