#C398BA

#C398BA

Color Values

HEX

#C398BA

RGB

195, 152, 186

HSL

312.6, 26.4%, 68.0%

HSV

312.6, 22.1%, 76.5%

CMYK

0.0%, 22.1%, 4.6%, 23.5%

OKLCH

0.7302 0.0687 333.7

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#C398BA

#98C3A1

Analogous

#B698C3

#C398A4

#C398BA

Triadic

#C398BA

#BAC398

#98BAC3

Split Complementary

#C398BA

#A4C398

#98C3B6

Tetradic

#C398BA

#C3B698

#98C3A1

#98A4C3

Color Blindness Simulation

Original

#C398BA

Protanopia

#B0B0B2

Deuteranopia

#B3B6B0

Tritanopia

#C1ABAA

Achromatopsia

#A4A4A4

CSS Usage

background-color: #C398BA;
color: #C398BA;
border-color: #C398BA;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E5D2E1
300
#D2B2CB
400
#BA88AF
500
#A15E93
600
#814B76
700
#673C5E
800
#512F4A
900
#3C2537
950
#261723

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

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