Coloried

Pig Pink

Pig Pink color is a delicate shade of very light pink. Its hex code is #FDD7E4 and rgb code is rgb(253, 215, 228), Its CMYK value is cmyk(0%, 15%, 10%, 1%), and Its HSL value is hsl(339, 90%, 92%). Against white, its contrast ratio of 1.31:1, while against black, the contrast ratio is 16.02:1. Complementary color is #D8FDF0 and closest tailwind color is pink-200. This color goes well with #F56147, #F547DB, #E40C57, #77F88B, and #77E5F8. To create this Pig Pink color, you can mix #FFFFFF and #FBAFC9.

Pig Pink color code
|
1. Color Conversions
HEX#FDD7E4
RGB253, 215, 228
HSL339°, 90%, 92%
HSV339°, 90%, 99%
CMYK0%, 15%, 10%, 1%
Web Safe#FFCCCC
2. Contrast Ratio
Text on #FFFFFF1.31:1
Fail LargeFail Normal
Text on #00000016.02:1
AAA LargeAAA Normal
3. Pig Pink Color Code in CSS
HEX
#FDD7E4
RGB
rgb(253, 215, 228)
HSL
hsl(339, 90%, 92%)
Text Color
color: #FDD7E4;
Background
background-color: #FDD7E4;
Border Color
border-color: #FDD7E4;
Box Shadow
box-shadow: 0 4px 14px 0 #FDD7E480;
SCSS
$color-pig-pink: #FDD7E4;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#EDECE1
Deuteranopia#EFF2E0
Tritanopia#FBDEDE
Achromatopsia#E4E4E4
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive