#FF74AF

#FF74AF

Color Values

HEX

#FF74AF

RGB

255, 116, 175

HSL

334.5, 100.0%, 72.7%

HSV

334.5, 54.5%, 100.0%

CMYK

0.0%, 54.5%, 31.4%, 0.0%

OKLCH

0.7403 0.1791 355.8

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#FF74AF

#74FFC4

Analogous

#FF74F5

#FF7E74

#FF74AF

Triadic

#FF74AF

#AFFF74

#74AFFF

Split Complementary

#FF74AF

#74FF7E

#74F5FF

Tetradic

#FF74AF

#F5FF74

#74FFC4

#7E74FF

Color Blindness Simulation

Original

#FF74AF

Protanopia

#C3C2A1

Deuteranopia

#CBD59D

Tritanopia

#F89593

Achromatopsia

#969696

CSS Usage

background-color: #FF74AF;
color: #FF74AF;
border-color: #FF74AF;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FEF1F6
100
#FCDEEB
200
#FFB8D6
300
#FF85B9
400
#FF4292
500
#FF006C
600
#CC0057
700
#A30045
800
#800036
900
#5C052A
950
#3A031A

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

8.37:1

AA Pass AAA Pass

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