#F74FAB

#F74FAB

Color Values

HEX

#F74FAB

RGB

247, 79, 171

HSL

327.1, 91.3%, 63.9%

HSV

327.1, 68.0%, 96.9%

CMYK

0.0%, 68.0%, 30.8%, 3.1%

OKLCH

0.6857 0.2202 350.8

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#F74FAB

#4FF79B

Analogous

#EF4FF7

#F74F57

#F74FAB

Triadic

#F74FAB

#ABF74F

#4FABF7

Split Complementary

#F74FAB

#57F74F

#4FF7EF

Tetradic

#F74FAB

#F7EF4F

#4FF79B

#4F57F7

Color Blindness Simulation

Original

#F74FAB

Protanopia

#AEAD95

Deuteranopia

#B8C58F

Tritanopia

#EF837F

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBBDE
300
#FA8AC7
400
#F74BA9
500
#F40B8B
600
#C3096F
700
#9C0759
800
#7A0645
900
#580934
950
#380521

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

6.66:1

AA Pass AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026