#F30C85

#F30C85

Color Values

HEX

#F30C85

RGB

243, 12, 133

HSL

328.6, 90.6%, 50.0%

HSV

328.6, 95.1%, 95.3%

CMYK

0.0%, 95.1%, 45.3%, 4.7%

OKLCH

0.6278 0.2516 359.0

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#F30C85

#0CF37A

Analogous

#EE0CF3

#F30C11

#F30C85

Triadic

#F30C85

#85F30C

#0C85F3

Split Complementary

#F30C85

#11F30C

#0CF3EE

Tetradic

#F30C85

#F3EE0C

#0CF37A

#0C11F3

Color Blindness Simulation

Original

#F30C85

Protanopia

#8F8D68

Deuteranopia

#9CAE61

Tritanopia

#E7514C

Achromatopsia

#464646

CSS Usage

background-color: #F30C85;
color: #F30C85;
border-color: #F30C85;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBBDD
300
#F98AC4
400
#F64BA5
500
#F30C85
600
#C20A6A
700
#9C0855
800
#7A0642
900
#580932
950
#380620

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

5.2:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026