Coloried

Pale Pink

Pale Pink color is a airy shade of very light pink. Its hex code is #FADADD and rgb code is rgb(250, 218, 221), Its CMYK value is cmyk(0%, 13%, 12%, 2%), and Its HSL value is hsl(354, 76%, 92%). Against white, its contrast ratio of 1.30:1, while against black, the contrast ratio is 16.14:1. Complementary color is #DBFAF7 and closest tailwind color is red-100. This color goes well with #E88F54, #E854AD, #D31D2F, #81EEAD, and #81C2EE. To create this Pale Pink color, you can mix #FFFFFF and #F5B5BB.

Pale Pink color code
|
1. Color Conversions
HEX#FADADD
RGB250, 218, 221
HSL354°, 76%, 92%
HSV354°, 76%, 98%
CMYK0%, 13%, 12%, 2%
Web Safe#FFCCCC
2. Contrast Ratio
Text on #FFFFFF1.30:1
Fail LargeFail Normal
Text on #00000016.14:1
AAA LargeAAA Normal
3. Pale Pink Color Code in CSS
HEX
#FADADD
RGB
rgb(250, 218, 221)
HSL
hsl(354, 76%, 92%)
Text Color
color: #FADADD;
Background
background-color: #FADADD;
Border Color
border-color: #FADADD;
Box Shadow
box-shadow: 0 4px 14px 0 #FADADD80;
SCSS
$color-pale-pink: #FADADD;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#ECECDC
Deuteranopia#EEF0DC
Tritanopia#F8DCDC
Achromatopsia#E4E4E4
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive