Rose is a medium, vivid shade in the pink color family, with a warm feel. Its HEX code is #FF007F, which equals rgb(255, 0, 127) in RGB and hsl(330, 100%, 50%) in HSL. In print terms it converts to roughly C0 M100 Y50 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FF007F - RGB
255, 0, 127 - HSL
330°, 100%, 50% - CMYK
0, 100, 50, 0 - Family
Pink - Tone
Medium, vivid
About Rose
Pink shades range from soft pastels to vivid magentas. They can feel gentle and romantic or loud and modern, depending on saturation and lightness. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 5.56:1. Its complementary color is #00FF80.
Download Rose as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Rose color codes
| HEX | #FF007F |
|---|---|
| RGB | rgb(255, 0, 127) |
| HSL | hsl(330, 100%, 50%) |
| HSV | 330°, 100%, 100% |
| CMYK | 0%, 100%, 50%, 0% |
| Decimal | 16711807 |
Shades and tints of Rose
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFD5EA - 100
#FFAAD4 - 200
#FF80BF - 300
#FF55AA - 400
#FF2B94 - 500
#FF007F - 600
#D5006A - 700
#AA0055 - 800
#800040 - 900
#55002A - 950
#2B0015
Color harmonies for Rose
- Complementary
#00FF80≈ Spring Green - Analogous −30°
#FF00FF≈ Pure Fuchsia - Analogous +30°
#FF0000≈ Pure Cardinal - Triadic +120°
#80FF00≈ Chartreuse - Triadic +240°
#0080FF≈ Azure Blue - Split 150°
#00FF00≈ Pure Shamrock - Split 210°
#00FFFF≈ Pure Teal
Contrast and accessibility of Rose
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Rose | Aa | 3.78:1 | AA Large only |
| Black text on Rose | Aa | 5.56:1 | AA (good) |
CSS code for Rose
background-color: #FF007F;color: #FF007F;background-color: rgb(255, 0, 127);background-color: hsl(330, 100%, 50%);:root { --color-rose: #FF007F; }class="bg-[#FF007F]"Colors similar to Rose
- Pure Blush
#FF0080 - Pure Carmine
#FF0066 - Pure Rose
#FF0099 - Deep Pink
#FF1493 - Bright Blush
#E61980 - Medium Dark Rose
#D60081 - Bright Carmine
#E6196B - Raspberry
#E30B5D - Pure Raspberry
#FF00B2 - Pure Ruby
#FF004C - Bright Rose
#E61994 - Medium Dark Blush
#D6006B
More pink shades
- Plum
#DDA0DD - Purple
#800080 - Ruby
#E0115F - Lilac
#C8A2C8 - Eggplant
#614051 - Raspberry
#E30B5D - Fandango
#B53389 - Byzantium
#702963 - Pale Red
#FF7A7A - Very Pale Red
#FFA3A3 - Palest Red
#FFCCCC
Frequently asked questions
What is the HEX code for Rose?
The HEX code for Rose is #FF007F.
What is the RGB value of Rose?
Rose has an RGB value of 255, 0, 127 (rgb(255, 0, 127)). In HSL it is 330°, 100%, 50%.
What text color should I use on Rose?
Use black text on Rose. White text has a contrast ratio of 3.78:1 and black text has 5.56:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Rose?
The complementary color of Rose is #00FF80. Analogous colors #FF00FF and #FF0000 also pair well.