#F74BBC

#F74BBC

Color Values

HEX

#F74BBC

RGB

247, 75, 188

HSL

320,6, 91,5%, 63,1%

HSV

320,6, 69,6%, 96,9%

CMYK

0,0%, 69,6%, 23,9%, 3,1%

OKLCH

0,6886 0,2339 344,7

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#F74BBC

#4BF786

Analogous

#DC4BF7

#F74B66

#F74BBC

Triadic

#F74BBC

#BCF74B

#4BBCF7

Split Complementary

#F74BBC

#66F74B

#4BF7DC

Tetradic

#F74BBC

#F7DC4B

#4BF786

#4B66F7

Color Blindness Simulation

Original

#F74BBC

Protanopia

#ACABA1

Deuteranopia

#B6C39A

Tritanopia

#EE8B86

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF1
200
#FCBBE6
300
#FA8AD3
400
#F74ABC
500
#F40BA4
600
#C30983
700
#9C0769
800
#7A0552
900
#58093D
950
#380526

Contrast Checker

Text on white

3,14:1

AA Fail AAA Fail

Text on black

6,69: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