HEX Color #FF75B6 (Hotpink)

About #FF75B6

The hex code #FF75B6 represents a beautifully specific shade of magenta. It is closely associated with the named CSS color Hotpink. To achieve this exact tint on a monitor, you would use an RGB mix of 255, 117, and 182.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 54% magenta, 29% yellow, and 0% black. With a hue angle of 331.7 degrees, it sits comfortably in the magenta spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a light color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#FF75B6

RGB255, 117, 182

HSL331.7°, 100.0%, 72.9%

CMYK0%, 54%, 29%, 0%

HSV331.7°, 54.1%, 100.0%

LAB67.5, 59.2, -8.7

XYZ56.0, 37.4, 48.5

Decimal16741814

Color Harmonies

Complementary

#FF75B6 #74FFBE

Analogous

#FF74FA #FF7974

Triadic

#B6FF74 #74B5FF

Tetradic

#FAFF74 #74FFBE #7974FF

Tints, Shades & Tones

Tints (Adding White)

#FF75B6

#FF84BE

#FF93C6

#FFA3CE

#FFB2D6

#FFC1DE

#FFD1E6

#FFE0EE

#FFEFF6

#FFFFFF

Shades (Adding Black)

#FF75B6

#E268A1

#C65B8D

#AA4E79

#8D4165

#713450

#55273C

#381A28

#1C0D14

#000000

WCAG Contrast Accessibility

2.48:1

Text on #FFFFFF

FAIL

8.47:1

Text on #000000

AAA

2.37:1

Text on #F8FAFC

FAIL

7.20:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #FF75B6; }

.text-color { color: #FF75B6; }

.border-color { border: 2px solid #FF75B6; }

Similar Colors

Hotpink

#FF69B4