#F40BA1

#F40BA1

Color Values

HEX

#F40BA1

RGB

244, 11, 161

HSL

321.4, 91.4%, 50.0%

HSV

321.4, 95.5%, 95.7%

CMYK

0.0%, 95.5%, 34.0%, 4.3%

OKLCH

0.6392 0.2633 350.3

Properties

Warm Light Nearest: maroon 1

Color Harmonies

Complementary

#F40BA1

#0BF45E

Analogous

#D30BF4

#F40B2C

#F40BA1

Triadic

#F40BA1

#A1F40B

#0BA1F4

Split Complementary

#F40BA1

#2CF40B

#0BF4D3

Tetradic

#F40BA1

#F4D30B

#0BF45E

#0B2CF4

Color Blindness Simulation

Original

#F40BA1

Protanopia

#8F8D7D

Deuteranopia

#9DAE74

Tritanopia

#E8605A

Achromatopsia

#474747

CSS Usage

background-color: #F40BA1;
color: #F40BA1;
border-color: #F40BA1;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF1F9
100
#FBDFF1
200
#FCBBE5
300
#FA8AD2
400
#F74AB9
500
#F40BA1
600
#C30981
700
#9C0767
800
#7A0550
900
#58093C
950
#380526

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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