Deep Pink

#FF1493
RGB
255, 20, 147
HSL
328°, 100%, 54%
CMYK
0, 92, 42, 0
HSV
328°, 92%, 100%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FF1493 color: #FF1493;
RGB 255, 20, 147 color: rgb(255, 20, 147);
RGB Percentage 100%, 8%, 58% color: rgb(100%, 8%, 58%);
CMYK 0%, 92%, 42%, 0% Not supported in CSS
HSL 328°, 100%, 54% color: hsl(328, 100%, 54%);
HSV 328°, 92%, 100% Not supported in CSS
CIE-LAB 43, 47, -42 color: lab(43% 47 -42);
Decimal 16716947 Not supported in CSS

Color Variations

Shades

#FF1492
#F80084
#DC0076
#C10067
#A50058
#8A0049
#6E003B
#53002C

Tints

#FFB9DE
#FFA1D3
#FF8AC8
#FF72BD
#FF5BB2
#FF43A7
#FF2C9C
#FF1492

Tones

#FF1492
#F32091
#E82C90
#DC388F
#D0438E
#C44F8E
#B95B8D
#AD678C

Hues

#FF1492
#FF4714
#FFF714
#57FF14
#14FF82
#14CCFF
#141CFF
#BD14FF

Color Harmonies

Analogous

#F714FF
Click to copy
Purple
75%
#FF1493
Click to copy
Deep pink
100%
#FF141C
Click to copy
Magenta
73%

Complementary

#FF1493
Click to copy
Deep pink
100%
#14FF82
Click to copy
Green
25%

Split Complementary

#FF1493
Click to copy
Deep pink
100%
#1CFF14
Click to copy
Green
21%
#14FFF7
Click to copy
Cyan
21%

Triadic

#FF1493
Click to copy
Deep pink
100%
#92FF14
Click to copy
Yellow
35%
#1492FF
Click to copy
Cyan
35%

Tetradic

#FF1493
Click to copy
Deep pink
100%
#FFF714
Click to copy
Orange
41%
#14FF82
Click to copy
Green
25%
#141CFF
Click to copy
Blue
41%

Square

#FF1493
Click to copy
Deep pink
100%
#FFF714
Click to copy
Orange
41%
#14FF82
Click to copy
Green
25%
#141CFF
Click to copy
Blue
41%

CSS & Dev Snippets

CSS
.deep-pink {
  color: #FF1493;
}
SCSS
$deep-pink: #FF1493;
RGB
rgb(255, 20, 147)

Accessibility & Contrast

White background

3.64:1
3.64
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

5.77:1
5.77
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags