#FF506B

#FF506B

Color Values

HEX

#FF506B

RGB

255, 80, 107

HSL

350.7, 100.0%, 65.7%

HSV

350.7, 68.6%, 100.0%

CMYK

0.0%, 68.6%, 58.0%, 0.0%

OKLCH

0.681 0.21 16.0

Properties

Warm Light Nearest: crimson

Color Harmonies

Complementary

#FF506B

#50FFE4

Analogous

#FF50C3

#FF8C50

#FF506B

Triadic

#FF506B

#6BFF50

#506BFF

Split Complementary

#FF506B

#50FF8C

#50C3FF

Tetradic

#FF506B

#C3FF50

#50FFE4

#8C50FF

Color Blindness Simulation

Original

#FF506B

Protanopia

#B3B264

Deuteranopia

#BDCA63

Tritanopia

#F65F5E

Achromatopsia

#777777

CSS Usage

background-color: #FF506B;
color: #FF506B;
border-color: #FF506B;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FEF1F3
100
#FCDEE3
200
#FFB8C3
300
#FF8598
400
#FF4260
500
#FF0028
600
#CC0020
700
#A30019
800
#800014
900
#5C0512
950
#3A030C

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

6.61:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026