Hot Pink hex code
The hex code for hot pink is #FF69B4. In RGB that is rgb(255, 105, 180) and in HSL it is hsl(330, 100%, 71%).
The hex code for hot pink is #FF69B4. In RGB that is rgb(255, 105, 180) and in HSL it is hsl(330, 100%, 71%).
Hot Pink · #FF69B4
Colour codes
- HEX
- #FF69B4
- RGB
- rgb(255, 105, 180)
- HSL
- hsl(330, 100%, 71%)
- CMYK
- 0, 59, 29, 0
- CSS name
- hotpink
- Contrast on white
- 2.65:1
- Contrast on black
- 7.93:1
Tints and shades
20% lighter · #ff87c3
40% lighter · #ffa5d2
60% lighter · #ffc3e1
80% lighter · #ffe1f0
20% darker · #cc5490
40% darker · #993f6c
60% darker · #662a48
80% darker · #331524
Complementary colour
Hot Pink · #FF69B4
Opposite on the colour wheel · #6bffb5
Frequently asked questions
What is the hex code for hot pink?
The hex code for hot pink is #FF69B4. In RGB that is rgb(255, 105, 180) and in HSL it is hsl(330, 100%, 71%).
Can I use hot pink for text?
It has a contrast ratio of 2.65:1 on white and 7.93:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with hot pink?
Its complementary colour, opposite on the colour wheel, is #6BFFB5. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of hot pink instead.
Is hot pink a CSS colour name?
Yes. CSS accepts the keyword hotpink, so color: hotpink and color: #FF69B4 render exactly the same.