#F30C45

#F30C45

Color Values

HEX

#F30C45

RGB

243, 12, 69

HSL

345.2, 90.6%, 50.0%

HSV

345.2, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 71.6%, 4.7%

OKLCH

0.6129 0.2424 19.1

Properties

Warm Light Nearest: Scarlet

Color Harmonies

Complementary

#F30C45

#0CF3BA

Analogous

#F30CB8

#F3470C

#F30C45

Triadic

#F30C45

#45F30C

#0C45F3

Split Complementary

#F30C45

#0CF347

#0CB8F3

Tetradic

#F30C45

#B8F30C

#0CF3BA

#470CF3

Color Blindness Simulation

Original

#F30C45

Protanopia

#8F8D37

Deuteranopia

#9CAE34

Tritanopia

#E72C2A

Achromatopsia

#414141

CSS Usage

background-color: #F30C45;
color: #F30C45;
border-color: #F30C45;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FDF1F4
100
#FBDFE6
200
#FCBBCB
300
#F98AA6
400
#F64B75
500
#F30C45
600
#C20A37
700
#9C082C
800
#7A0622
900
#58091C
950
#380612

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

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