Rose

#FF1D8D

What color is Rose?

Rose is a vivid, warm pink with a strong magenta lean, hex #FF1D8D, brighter and more saturated than a pale blush. It carries the same deep flush seen in the petals of a red garden rose.

What is the meaning of the color Rose?

English recorded rose as a color name by the late 19th century, drawn directly from the flower long associated with beauty in European tradition. The color gained commercial traction in the 20th century through the cosmetics industry, where brands like Revlon used rose-named shades to anchor entire lipstick lines from the 1950s onward. Flamingo pink and rose were among the defining colors of postwar American femininity, appearing in everything from kitchen appliances to fashion catalogues. The Pantone Color Institute formally catalogued rose variants as recurring trend colors in its annual fashion reports beginning in the 1990s.

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

What colors go with Rose?

Colors that pair well with Rose include:
Gold: warm, luxurious contrast
Navy: cool, grounding balance
Ivory: soft, lightening effect
Charcoal: sharp, modern depth
Mint: fresh, unexpected complement

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
#FF1D8D
Click to copy
100%
#FF1F1F
Click to copy
99%

Complementary

#FF1D8D
Click to copy
100%
#1FFF8F
Click to copy

Split Complementary

#FF1D8D
Click to copy
100%
#1FFF1F
Click to copy
#1FFFFF
Click to copy
100%

Triadic

#FF1D8D
Click to copy
100%
#8FFF1F
Click to copy
#1F8FFF
Click to copy

Tetradic

#FF1D8D
Click to copy
100%
#FFFF1F
Click to copy
#1FFF8F
Click to copy
#1F1FFF
Click to copy

Square

#FF1D8D
Click to copy
100%
#FFFF1F
Click to copy
#1FFF8F
Click to copy
#1F1FFF
Click to copy

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