Coloried

Faded Pink

Faded Pink color is a soft shade of light muted pink. Its hex code is #DE9DAC and rgb code is rgb(222, 157, 172), Its CMYK value is cmyk(0%, 29%, 23%, 13%), and Its HSL value is hsl(346, 50%, 74%). It has a contrast ratio of 2.20:1, while against black color, contrast ratio is 9.52:1. Its complementary color is #9CDECE and closest tailwind color is red-300. This color goes well with #A85638, #A8388A, #6F2536, #4FC46E, and #4FA5C4. To get thisFaded Pink color, you can mix #FFFFFF and #BD3B59.

Faded Pink color code
|
1. Color Conversions
HEX#DE9DAC
RGB222, 157, 172
HSL346°, 50%, 74%
HSV346°, 50%, 87%
CMYK0%, 29%, 23%, 13%
Web Safe#CC9999
2. Contrast Ratio
Text on #FFFFFF2.20:1
Fail LargeFail Normal
Text on #0000009.52:1
AAA LargeAAA Normal
3. Faded Pink Color Code in CSS
HEX
#DE9DAC
RGB
rgb(222, 157, 172)
HSL
hsl(346, 50%, 74%)
Text Color
color: #DE9DAC;
Background
background-color: #DE9DAC;
Border Color
border-color: #DE9DAC;
Box Shadow
box-shadow: 0 4px 14px 0 #DE9DAC80;
SCSS
$color-faded-pink: #DE9DAC;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#C2C1A8
Deuteranopia#C6CAA8
Tritanopia#DBA6A5
Achromatopsia#B2B2B2
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive