Coloried

Blossom

Blossom color is a vibrant shade of light pink. Its hex code is #F2B2AE and rgb code is rgb(242, 178, 174), Its CMYK value is cmyk(0%, 26%, 28%, 5%), and Its HSL value is hsl(4, 72%, 82%). Against white color, its contrast ratio of 1.79:1, while against black, the contrast ratio is 11.75:1. Complementary color is #B0EEF2 and closest tailwind color is rose-300. This color goes well with #DD902C, #DD2C79, #A2231A, #58E4A7, and #5895E4. To recreate the Blossom color, you can mix #FFFFFF and #E5655D.

Blossom color code
|
1. Color Conversions
HEX#F2B2AE
RGB242, 178, 174
HSL4°, 72%, 82%
HSV4°, 72%, 95%
CMYK0%, 26%, 28%, 5%
Web Safe#FF9999
2. Contrast Ratio
Text on #FFFFFF1.79:1
Fail LargeFail Normal
Text on #00000011.75:1
AAA LargeAAA Normal
3. Blossom Color Code in CSS
HEX
#F2B2AE
RGB
rgb(242, 178, 174)
HSL
hsl(4, 72%, 82%)
Text Color
color: #F2B2AE;
Background
background-color: #F2B2AE;
Border Color
border-color: #F2B2AE;
Box Shadow
box-shadow: 0 4px 14px 0 #F2B2AE80;
SCSS
$color-blossom: #F2B2AE;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#D6D6AF
Deuteranopia#DADFAF
Tritanopia#EFB0B0
Achromatopsia#C5C5C5
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive