#CF28C8

#CF28C8

Color Values

HEX

#CF28C8

RGB

207, 40, 200

HSL

302.5, 67.6%, 48.4%

HSV

302.5, 80.7%, 81.2%

CMYK

0.0%, 80.7%, 3.4%, 18.8%

OKLCH

0.6083 0.2536 330.1

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#CF28C8

#28CF2F

Analogous

#8228CF

#CF2874

#CF28C8

Triadic

#CF28C8

#C8CF28

#28C8CF

Split Complementary

#CF28C8

#74CF28

#28CF82

Tetradic

#CF28C8

#CF8228

#28CF2F

#2874CF

Color Blindness Simulation

Original

#CF28C8

Protanopia

#8785A1

Deuteranopia

#909D98

Tritanopia

#C7837C

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F7
200
#F3C3F1
300
#EB98E8
400
#E061DB
500
#D629CF
600
#AB21A5
700
#891A84
800
#6B1567
900
#4E134B
950
#310C30

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

4.79:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026