#F84AAA

#F84AAA

Color Values

HEX

#F84AAA

RGB

248, 74, 170

HSL

326.9, 92.6%, 63.1%

HSV

326.9, 70.2%, 97.3%

CMYK

0.0%, 70.2%, 31.5%, 2.7%

OKLCH

0.6822 0.2263 350.9

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#F84AAA

#4AF898

Analogous

#EF4AF8

#F84A53

#F84AAA

Triadic

#F84AAA

#AAF84A

#4AAAF8

Split Complementary

#F84AAA

#53F84A

#4AF8EF

Tetradic

#F84AAA

#F8EF4A

#4AF898

#4A53F8

Color Blindness Simulation

Original

#F84AAA

Protanopia

#ADAB93

Deuteranopia

#B7C48D

Tritanopia

#EF807C

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEF
200
#FCBADF
300
#FA89C8
400
#F849AA
500
#F6098C
600
#C40870
700
#9D0659
800
#7B0546
900
#590835
950
#380521

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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