#C528CB

#C528CB

Color Values

HEX

#C528CB

RGB

197, 40, 203

HSL

297.8, 67.1%, 47.6%

HSV

297.8, 80.3%, 79.6%

CMYK

3.0%, 80.3%, 0.0%, 20.4%

OKLCH

0.595 0.2515 326.5

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#C528CB

#2ECB28

Analogous

#7328CB

#CB287F

#C528CB

Triadic

#C528CB

#CBC528

#28CBC5

Split Complementary

#C528CB

#7FCB28

#28CB73

Tetradic

#C528CB

#CB7328

#2ECB28

#287FCB

Color Blindness Simulation

Original

#C528CB

Protanopia

#8180A4

Deuteranopia

#8A969A

Tritanopia

#BD847E

Achromatopsia

#555555

CSS Usage

background-color: #C528CB;
color: #C528CB;
border-color: #C528CB;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FBF3FC
100
#F7E3F7
200
#F1C3F3
300
#E899EB
400
#DB61E0
500
#CF2AD5
600
#A522AA
700
#841B88
800
#67156B
900
#4C134E
950
#300C31

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

4.54:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026