#CF30BC

#CF30BC

Color Values

HEX

#CF30BC

RGB

207, 48, 188

HSL

307.2, 62.4%, 50.0%

HSV

307.2, 76.8%, 81.2%

CMYK

0.0%, 76.8%, 9.2%, 18.8%

OKLCH

0.6067 0.2387 333.6

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#CF30BC

#30CF43

Analogous

#9330CF

#CF306C

#CF30BC

Triadic

#CF30BC

#BCCF30

#30BCCF

Split Complementary

#CF30BC

#6CCF30

#30CF93

Tetradic

#CF30BC

#CF9330

#30CF43

#306CCF

Color Blindness Simulation

Original

#CF30BC

Protanopia

#8A899A

Deuteranopia

#939F92

Tritanopia

#C77F7A

Achromatopsia

#5C5C5C

CSS Usage

background-color: #CF30BC;
color: #CF30BC;
border-color: #CF30BC;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF3FA
100
#F7E4F4
200
#F2C5EC
300
#E89CDF
400
#DC66CD
500
#CF30BC
600
#A62696
700
#851F78
800
#68185E
900
#4C1545
950
#300D2C

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

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