#F40BBF

#F40BBF

Color Values

HEX

#F40BBF

RGB

244, 11, 191

HSL

313.6, 91.4%, 50.0%

HSV

313.6, 95.5%, 95.7%

CMYK

0.0%, 95.5%, 21.7%, 4.3%

OKLCH

0.6521 0.2783 341.5

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F40BBF

#0BF440

Analogous

#B40BF4

#F40B4B

#F40BBF

Triadic

#F40BBF

#BFF40B

#0BBFF4

Split Complementary

#F40BBF

#4BF40B

#0BF4B4

Tetradic

#F40BBF

#F4B40B

#0BF440

#0B4BF4

Color Blindness Simulation

Original

#F40BBF

Protanopia

#8F8D93

Deuteranopia

#9DAE89

Tritanopia

#E8716A

Achromatopsia

#4A4A4A

CSS Usage

background-color: #F40BBF;
color: #F40BBF;
border-color: #F40BBF;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF1FB
100
#FBDFF5
200
#FCBBED
300
#FA8AE0
400
#F74AD0
500
#F40BBF
600
#C30999
700
#9C077A
800
#7A0560
900
#580946
950
#38052C

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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