#F50AA3

#F50AA3

Color Values

HEX

#F50AA3

RGB

245, 10, 163

HSL

320.9, 92.2%, 50.0%

HSV

320.9, 95.9%, 96.1%

CMYK

0.0%, 95.9%, 33.5%, 3.9%

OKLCH

0.6416 0.265 349.9

Properties

Warm Light Nearest: maroon 1

Color Harmonies

Complementary

#F50AA3

#0AF55C

Analogous

#D10AF5

#F50A2E

#F50AA3

Triadic

#F50AA3

#A3F50A

#0AA3F5

Split Complementary

#F50AA3

#2EF50A

#0AF5D1

Tetradic

#F50AA3

#F5D10A

#0AF55C

#0A2EF5

Color Blindness Simulation

Original

#F50AA3

Protanopia

#8F8D7E

Deuteranopia

#9DAE75

Tritanopia

#E9615A

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF1
200
#FCBAE5
300
#FA89D3
400
#F84ABB
500
#F50AA3
600
#C40883
700
#9D0668
800
#7B0552
900
#59083D
950
#380526

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

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