#FF007F
Rose
Rose is a vibrant pink-red that splits the difference between red and magenta. It is romantic, feminine, and attention-grabbing.
Rose Color Values
HEX#FF007F
RGB255, 0, 127
HSL330°, 100%, 50%
HSV330°, 100%, 100%
CMYK0%, 100%, 50%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #5D6881 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #999379 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FF004B (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #9A9A9A (~0.003% of population)
Rose as Text Color
Rose on White
3.8:1FAIL
Rose on Light Gray
3.5:1FAIL
Rose on Cream
3.6:1FAIL
Rose on Dark
4.5:1AA
Rose on Black
5.6:1AA
Rose on Soft Blue
3.3:1FAIL
Rose on Soft Green
3.4:1FAIL
Rose on Soft Pink
3.1:1FAIL
Nearest Tailwind Class
pink-600
#DB2777
Nearest Pantone Match
Pantone 218 C
#DA1984
CSS Variable Export
:root {
--color-rose: #FF007F;
--color-rose-rgb: 255, 0, 127;
}Tailwind Config
// tailwind.config.js
colors: {
'rose': '#FF007F',
}Shades of Rose
#FF0080
#E00070
#C70063
#A80054
#8F0047
#700038
#57002B
#38001C
#1F000F
#000000
Tints of Rose
#FF0080
#FF1F8F
#FF389C
#FF57AB
#FF70B8
#FF8FC7
#FFA8D4
#FFC7E3
#FFE0F0
#FFFFFF
Color Harmonies
Complementary
#FF007F
#00FF80
Analogous
#FF00FF
#FF0080
#FF0000
Triadic
#FF0080
#80FF00
#007FFF
Rose Text Preview
Heading in Rose
Body text in Rose. The quick brown fox jumps over the lazy dog.
White on Rose
Body text on a Rose background.
Rose text on dark background
Contrast: 4.7:1