#F48FD3

#F48FD3

Color Values

HEX

#F48FD3

RGB

244, 143, 211

HSL

319.6, 82.1%, 75.9%

HSV

319.6, 41.4%, 95.7%

CMYK

0.0%, 41.4%, 13.5%, 4.3%

OKLCH

0.777 0.1467 340.5

Properties

Warm Light Nearest: plum

Color Harmonies

Complementary

#F48FD3

#8FF4B0

Analogous

#E38FF4

#F48FA1

#F48FD3

Triadic

#F48FD3

#D3F48F

#8FD3F4

Split Complementary

#F48FD3

#A1F48F

#8FF4E3

Tetradic

#F48FD3

#F4E38F

#8FF4B0

#8FA1F4

Color Blindness Simulation

Original

#F48FD3

Protanopia

#C8C7C3

Deuteranopia

#CED6BF

Tritanopia

#EFB6B3

Achromatopsia

#A9A9A9

CSS Usage

background-color: #F48FD3;
color: #F48FD3;
border-color: #F48FD3;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FDF2F9
100
#FAE1F1
200
#F9BEE5
300
#F490D3
400
#EE53BC
500
#E817A4
600
#BA1283
700
#950F69
800
#740B52
900
#540D3D
950
#350826

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

9.72:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026