Coloried

Rose Pink

Rose Pink color is a vivid shade of light pink. Its hex code is #FF66CC and rgb code is rgb(255, 102, 204), Its CMYK value is cmyk(0%, 60%, 20%, 0%), and Its HSL value is hsl(320, 100%, 70%). Against white, it has a contrast ratio of 2.62:1, while against black, the contrast ratio is 8.02:1. Its complementary color is #66FF99 and closest tailwind color is pink-400. This color goes well with #CC0022, #AA00CC, #800055, #2BFF00, and #00FFD5. To recreate the Rose Pink color, you can mix #FF00FF and #FFCC99.

Rose Pink color code
|
1. Color Conversions
HEX#FF66CC
RGB255, 102, 204
HSL320°, 100%, 70%
HSV320°, 100%, 100%
CMYK0%, 60%, 20%, 0%
Web Safe#FF66CC
2. Contrast Ratio
Text on #FFFFFF2.62:1
Fail LargeFail Normal
Text on #0000008.02:1
AAA LargeAAA Normal
3. Rose Pink Color Code in CSS
HEX
#FF66CC
RGB
rgb(255, 102, 204)
HSL
hsl(320, 100%, 70%)
Text Color
color: #FF66CC;
Background
background-color: #FF66CC;
Border Color
border-color: #FF66CC;
Box Shadow
box-shadow: 0 4px 14px 0 #FF66CC80;
SCSS
$color-rose-pink: #FF66CC;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#BDBBB3
Deuteranopia#C6D1AD
Tritanopia#F7A09C
Achromatopsia#9F9F9F
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive
Similar Colors
Shocking Pink#FC0FC0
Fuchsia Pink#DF88B7
Hot Magenta#FF1DCE
Persian Pink#F77FBE
Dark Pastel Pink#D198B7
Hot Pink#FF69B4
Pink Pearl#E7ACCF
Fandango#B53389
Fanatic Fuchsia#EA10A2
Light Plum#9D5783
Color Ideas
Matcha#74A12E
Matcha Cream#DCF8C6
Matrix Green#03A062
Matte Anthracite#35383B
Matte Black#28282B
Matte Maroon#671819
Matte Purple#392A48
Matte Silver#A5A5A8
Matte Sky Blue#7AAEC4
Matte White#FDFBF9
About Rose Pink
Color Name
Rose Pink
HEX
#FF66CC
Color Family
pink
X11 Name
Pink
LAB
73.37, 20.50, -6.32
Preview Text
Aa