#C59ABC

#C59ABC

Color Values

HEX

#C59ABC

RGB

197, 154, 188

HSL

312.6, 27.0%, 68.8%

HSV

312.6, 21.8%, 77.3%

CMYK

0.0%, 21.8%, 4.6%, 22.7%

OKLCH

0.7366 0.0686 333.7

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#C59ABC

#9AC5A3

Analogous

#B89AC5

#C59AA6

#C59ABC

Triadic

#C59ABC

#BCC59A

#9ABCC5

Split Complementary

#C59ABC

#A6C59A

#9AC5B8

Tetradic

#C59ABC

#C5B89A

#9AC5A3

#9AA6C5

Color Blindness Simulation

Original

#C59ABC

Protanopia

#B2B2B4

Deuteranopia

#B5B8B2

Tritanopia

#C3ADAC

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9F0
200
#E5D2E1
300
#D2B1CB
400
#BA87AF
500
#A25D93
600
#824A76
700
#683C5E
800
#512F4A
900
#3C2537
950
#261723

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.72:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026