#C57ABF

#C57ABF

Color Values

HEX

#C57ABF

RGB

197, 122, 191

HSL

304,8, 39,3%, 62,5%

HSV

304,8, 38,1%, 77,3%

CMYK

0,0%, 38,1%, 3,0%, 22,7%

OKLCH

0,682 0,1293 329,8

Properties

Warm Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#C57ABF

#7AC580

Analogous

#A57AC5

#C57A99

#C57ABF

Triadic

#C57ABF

#BFC57A

#7ABFC5

Split Complementary

#C57ABF

#99C57A

#7AC5A5

Tetradic

#C57ABF

#C5A57A

#7AC580

#7A99C5

Color Blindness Simulation

Original

#C57ABF

Protanopia

#A5A4AE

Deuteranopia

#A9AEAA

Tritanopia

#C1A19E

Achromatopsia

#8F8F8F

CSS Usage

background-color: #C57ABF;
color: #C57ABF;
border-color: #C57ABF;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#E9CDE7
300
#DAAAD6
400
#C67CC0
500
#B24DAA
600
#8E3E88
700
#72326D
800
#592755
900
#421F3F
950
#291428

Contrast Checker

Text on white

3,04:1

AA Fail AAA Fail

Text on black

6,91:1

AA Pass AAA Fail

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