Coloried

Cute Pink

Cute Pink color is a bright shade of very light pink. Its hex code is #FCD0DA and rgb code is rgb(252, 208, 218), Its CMYK value is cmyk(0%, 17%, 13%, 1%), and Its HSL value is hsl(346, 88%, 90%). Against white, it has a contrast ratio of 1.38:1, while against black, the contrast ratio is 15.17:1. Complementary color is #CFFCF1 and closest tailwind color is rose-200. This color goes well with #F36F3F, #F33FC3, #D80E3D, #6FF693, and #6FD2F6. To create this Cute Pink color, you can mix #FFFFFF and #F9A1B5.

Cute Pink color code
|
1. Color Conversions
HEX#FCD0DA
RGB252, 208, 218
HSL346°, 88%, 90%
HSV346°, 88%, 99%
CMYK0%, 17%, 13%, 1%
Web Safe#FFCCCC
2. Contrast Ratio
Text on #FFFFFF1.38:1
Fail LargeFail Normal
Text on #00000015.17:1
AAA LargeAAA Normal
3. Cute Pink Color Code in CSS
HEX
#FCD0DA
RGB
rgb(252, 208, 218)
HSL
hsl(346, 88%, 90%)
Text Color
color: #FCD0DA;
Background
background-color: #FCD0DA;
Border Color
border-color: #FCD0DA;
Box Shadow
box-shadow: 0 4px 14px 0 #FCD0DA80;
SCSS
$color-cute-pink: #FCD0DA;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#E9E9D8
Deuteranopia#ECEFD7
Tritanopia#FAD6D5
Achromatopsia#DEDEDE
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive