#F30CCC

#F30CCC

Color Values

HEX

#F30CCC

RGB

243, 12, 204

HSL

310,1, 90,6%, 50,0%

HSV

310,1, 95,1%, 95,3%

CMYK

0,0%, 95,1%, 16,0%, 4,7%

OKLCH

0,657 0,2849 337,8

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F30CCC

#0CF333

Analogous

#A60CF3

#F30C59

#F30CCC

Triadic

#F30CCC

#CCF30C

#0CCCF3

Split Complementary

#F30CCC

#59F30C

#0CF3A6

Tetradic

#F30CCC

#F3A60C

#0CF333

#0C59F3

Color Blindness Simulation

Original

#F30CCC

Protanopia

#8F8D9E

Deuteranopia

#9CAE92

Tritanopia

#E77971

Achromatopsia

#4B4B4B

CSS Usage

background-color: #F30CCC;
color: #F30CCC;
border-color: #F30CCC;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF1FB
100
#FBDFF6
200
#FCBBF1
300
#F98AE7
400
#F64BD9
500
#F30CCC
600
#C20AA3
700
#9C0883
800
#7A0666
900
#58094B
950
#38062F

Contrast Checker

Text on white

3,66:1

AA Fail AAA Fail

Text on black

5,74: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