Hot Pink#FF69B4

Hot Pink Hex Code: #FF69B4

Hot Pink is a light, vivid pink. Its OKLCH lightness is 73% and chroma 0.197. Text on this color reads best in black (contrast 7.93:1).

HEX	`#FF69B4`
RGB	`rgb(255, 105, 180)`
HSL	`hsl(330, 100%, 71%)`
HSV / HSB	`hsv(330, 59%, 100%)`
CMYK	`cmyk(0%, 59%, 29%, 0%)`
OKLCH	`oklch(72.8% 0.197 352)`

Open in converter →

Contrast

White text2.65:1

AAAA largeAAA

Black text7.93:1

AAAA largeAAA

On white2.65:1

AAAA largeAAA

On black7.93:1

AAAA largeAAA

Tints

#FF77BB#FF84C2#FF92C8#FF9FCF#FFADD6#FFBADD#FFC8E3#FFD5EA#FFE3F1Misty Rose#FFF0F8Lavender Blush

Shades

#E860A4#D15694#BA4D83#A34373#8C3A63#753053#5E2743#471D32#301422#1A0B12

Matching colors

Complementary

#FF69B4Hot Pink#69FFB4

Analogous

#FF69B4Hot Pink#FF69FF#FF6969

Triadic

#FF69B4Hot Pink#B4FF69#69B4FF

Split complementary

#FF69B4Hot Pink#69FF69#69FFFFElectric Blue

Similar named colors

Rose Pink#FF66CCPale Violet Red#DB7093Orchid#DA70D6Violet#EE82EEBlush Pink#DE5D83Salmon Pink#FF91A4Deep Pink#FF1493Light Coral#F08080

All color names →

Code

CSS	`color: #FF69B4;`
Tailwind	`bg-[#ff69b4]`
SwiftUI	`Color(red: 1, green: 0.412, blue: 0.706)`
Android	`Color.parseColor("#FF69B4")`
Flutter	`Color(0xFFFF69B4)`

Hot Pink is a CSS named color (hotpink); the value follows W3C CSS Color Module Level 4.

Frequently asked questions

What is the hex code for hot pink?

Hot Pink is #FF69B4 in hex and rgb(255, 105, 180) in RGB.

What is hot pink in CMYK?

With the plain conversion formula it is cmyk(0, 59, 29, 0). For print, convert with your printer's ICC profile instead.

What text color works on hot pink?

Black text has the higher contrast at 7.93:1, which passes WCAG AA for normal text (4.5:1).