#F30CDD

#F30CDD

Color Values

HEX

#F30CDD

RGB

243, 12, 221

HSL

305.7, 90.6%, 50.0%

HSV

305.7, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 9.1%, 4.7%

OKLCH

0.6659 0.2949 333.5

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#F30CDD

#0CF322

Analogous

#950CF3

#F30C6A

#F30CDD

Triadic

#F30CDD

#DDF30C

#0CDDF3

Split Complementary

#F30CDD

#6AF30C

#0CF395

Tetradic

#F30CDD

#F3950C

#0CF322

#0C6AF3

Color Blindness Simulation

Original

#F30CDD

Protanopia

#8F8DAA

Deuteranopia

#9CAE9E

Tritanopia

#E7827A

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF8
200
#FCBBF5
300
#F98AEF
400
#F64BE6
500
#F30CDD
600
#C20AB1
700
#9C088D
800
#7A066F
900
#580950
950
#380633

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

5.91:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026