#FF1D8D
RGB
255, 29, 141
HSL
330°, 100%, 56%
CMYK
0, 89, 45, 0
HSV
330°, 89%, 100%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FF1D8D color: #FF1D8D;
RGB 255, 29, 141 color: rgb(255, 29, 141);
RGB Percentage 100%, 11%, 55% color: rgb(100%, 11%, 55%);
CMYK 0%, 89%, 45%, 0% Not supported in CSS
HSL 330°, 100%, 56% color: hsl(330, 100%, 56%);
HSV 330°, 89%, 100% Not supported in CSS
CIE-LAB 45, 45, -37 color: lab(45% 45 -37);
Decimal 16719245 Not supported in CSS

Color Variations

Shades

#FF1F8F
#FF0281
#E40072
#C80064
#AB0056
#8F0047
#720039
#56002B

Tints

#FFBCDD
#FFA5D2
#FF8FC7
#FF78BC
#FF62B0
#FF4BA5
#FF359A
#FF1F8F

Tones

#FF1F8F
#F42A8F
#E9358F
#DD408F
#D24B8F
#C7578F
#BC628F
#B06D8F

Hues

#FF1F8F
#FF571F
#FFFF1F
#57FF1F
#1FFF8F
#1FC7FF
#1F1FFF
#C71FFF

Color Harmonies

Analogous

#FF1FFF
Click to copy
Purple
74%
#FF1D8D
Click to copy
Rose
100%
#FF1F1F
Click to copy
Red
75%

Complementary

#FF1D8D
Click to copy
Rose
100%
#1FFF8F
Click to copy
Cyan
28%

Split Complementary

#FF1D8D
Click to copy
Rose
100%
#1FFF1F
Click to copy
Green
24%
#1FFFFF
Click to copy
Cyan
23%

Triadic

#FF1D8D
Click to copy
Rose
100%
#8FFF1F
Click to copy
Green
38%
#1F8FFF
Click to copy
Blue
37%

Tetradic

#FF1D8D
Click to copy
Rose
100%
#FFFF1F
Click to copy
Yellow
43%
#1FFF8F
Click to copy
Cyan
28%
#1F1FFF
Click to copy
Blue
43%

Square

#FF1D8D
Click to copy
Rose
100%
#FFFF1F
Click to copy
Yellow
43%
#1FFF8F
Click to copy
Cyan
28%
#1F1FFF
Click to copy
Blue
43%

CSS & Dev Snippets

CSS
.rose {
  color: #FF1D8D;
}
SCSS
$rose: #FF1D8D;
RGB
rgb(255, 29, 141)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags