#FF748E

#FF748E

Color Values

HEX

#FF748E

RGB

255, 116, 142

HSL

348.8, 100.0%, 72.7%

HSV

348.8, 54.5%, 100.0%

CMYK

0.0%, 54.5%, 44.3%, 0.0%

OKLCH

0.7309 0.1702 10.7

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#FF748E

#74FFE5

Analogous

#FF74D3

#FF9F74

#FF748E

Triadic

#FF748E

#8EFF74

#748EFF

Split Complementary

#FF748E

#74FF9F

#74D3FF

Tetradic

#FF748E

#D3FF74

#74FFE5

#9F74FF

Color Blindness Simulation

Original

#FF748E

Protanopia

#C3C288

Deuteranopia

#CBD586

Tritanopia

#F88382

Achromatopsia

#939393

CSS Usage

background-color: #FF748E;
color: #FF748E;
border-color: #FF748E;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FEF1F3
100
#FCDEE4
200
#FFB8C5
300
#FF859B
400
#FF4266
500
#FF0030
600
#CC0026
700
#A3001E
800
#800018
900
#5C0515
950
#3A030D

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

8.14:1

AA Pass AAA Pass

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