#F40B96

#F40B96

Color Values

HEX

#F40B96

RGB

244, 11, 150

HSL

324.2, 91.4%, 50.0%

HSV

324.2, 95.5%, 95.7%

CMYK

0.0%, 95.5%, 38.5%, 4.3%

OKLCH

0.6351 0.2586 353.7

Properties

Warm Light Nearest: deeppink

Color Harmonies

Complementary

#F40B96

#0BF469

Analogous

#DE0BF4

#F40B21

#F40B96

Triadic

#F40B96

#96F40B

#0B96F4

Split Complementary

#F40B96

#21F40B

#0BF4DE

Tetradic

#F40B96

#F4DE0B

#0BF469

#0B21F4

Color Blindness Simulation

Original

#F40B96

Protanopia

#8F8D74

Deuteranopia

#9DAE6C

Tritanopia

#E85A54

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFF0
200
#FCBBE2
300
#FA8ACD
400
#F74AB1
500
#F40B96
600
#C30978
700
#9C0760
800
#7A054B
900
#580938
950
#380523

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

5.33:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026