Coloried

Blush

Blush color is a rich shade of pink. Its hex code is #DE5D83 and rgb code is rgb(222, 93, 131), Its CMYK value is cmyk(0%, 58%, 41%, 13%), and Its HSL value is hsl(342, 66%, 62%). Against white color, its contrast ratio of 3.50:1, while against black, the contrast ratio is 6.00:1. Complementary color is #5EDEB8 and closest tailwind color is pink-500. This color goes well with #87311C, #871C72, #480F20, #24B241, and #2496B2. To recreate the Blush color, you can mix #FF00FF and #BDBA07.

Blush color code
|
1. Color Conversions
HEX#DE5D83
RGB222, 93, 131
HSL342°, 66%, 62%
HSV342°, 66%, 87%
CMYK0%, 58%, 41%, 13%
Web Safe#CC6699
2. Contrast Ratio
Text on #FFFFFF3.50:1
AAA LargeFail Normal
Text on #0000006.00:1
AAA LargeAAA Normal
3. Blush Color Code in CSS
HEX
#DE5D83
RGB
rgb(222, 93, 131)
HSL
hsl(342, 66%, 62%)
Text Color
color: #DE5D83;
Background
background-color: #DE5D83;
Border Color
border-color: #DE5D83;
Box Shadow
box-shadow: 0 4px 14px 0 #DE5D8380;
SCSS
$color-blush: #DE5D83;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#A6A57A
Deuteranopia#AEB778
Tritanopia#D87371
Achromatopsia#888888
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive