#F74AA6

#F74AA6

Color Values

HEX

#F74AA6

RGB

247, 74, 166

HSL

328.1, 91.5%, 62.9%

HSV

328.1, 70.0%, 96.9%

CMYK

0.0%, 70.0%, 32.8%, 3.1%

OKLCH

0.6793 0.2237 352.1

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#F74AA6

#4AF79B

Analogous

#F14AF7

#F74A4F

#F74AA6

Triadic

#F74AA6

#A6F74A

#4AA6F7

Split Complementary

#F74AA6

#4FF74A

#4AF7F1

Tetradic

#F74AA6

#F7F14A

#4AF79B

#4A4FF7

Color Blindness Simulation

Original

#F74AA6

Protanopia

#ACAB90

Deuteranopia

#B6C38A

Tritanopia

#EE7E7A

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBBDD
300
#FA8AC5
400
#F74AA6
500
#F40B87
600
#C3096C
700
#9C0756
800
#7A0543
900
#580933
950
#380520

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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