#F74B85

#F74B85

Color Values

HEX

#F74B85

RGB

247, 75, 133

HSL

339.8, 91.5%, 63.1%

HSV

339.8, 69.6%, 96.9%

CMYK

0.0%, 69.6%, 46.2%, 3.1%

OKLCH

0.6697 0.211 4.5

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F74B85

#4BF7BD

Analogous

#F74BDB

#F7674B

#F74B85

Triadic

#F74B85

#85F74B

#4B85F7

Split Complementary

#F74B85

#4BF767

#4BDBF7

Tetradic

#F74B85

#DBF74B

#4BF7BD

#674BF7

Color Blindness Simulation

Original

#F74B85

Protanopia

#ACAB77

Deuteranopia

#B6C374

Tritanopia

#EE6C69

Achromatopsia

#747474

CSS Usage

background-color: #F74B85;
color: #F74B85;
border-color: #F74B85;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF1F5
100
#FBDFE9
200
#FCBBD1
300
#FA8AB0
400
#F74A84
500
#F40B59
600
#C30948
700
#9C0739
800
#7A052D
900
#580923
950
#380516

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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