Coloried

Medium Pink

Medium Pink color is a bold shade of pink. Its hex code is #F36196 and rgb code is rgb(243, 97, 150), Its CMYK value is cmyk(0%, 60%, 38%, 5%), and Its HSL value is hsl(338, 86%, 67%). Against white, its contrast ratio of 3.02:1, while against black, the contrast ratio is 6.96:1. Its complementary color is #62F3BE and closest tailwind color is rose-400. This color goes well with #AF230D, #AF0D9A, #68082B, #11DF2C, and #11C3DF. To recreate the Medium Pink color, you can mix #FF00FF and #E7C22D.

Medium Pink color code
|
1. Color Conversions
HEX#F36196
RGB243, 97, 150
HSL338°, 86%, 67%
HSV338°, 86%, 95%
CMYK0%, 60%, 38%, 5%
Web Safe#FF6699
2. Contrast Ratio
Text on #FFFFFF3.02:1
AAA LargeFail Normal
Text on #0000006.96:1
AAA LargeAAA Normal
3. Medium Pink Color Code in CSS
HEX
#F36196
RGB
rgb(243, 97, 150)
HSL
hsl(338, 86%, 67%)
Text Color
color: #F36196;
Background
background-color: #F36196;
Border Color
border-color: #F36196;
Box Shadow
box-shadow: 0 4px 14px 0 #F3619680;
SCSS
$color-medium-pink: #F36196;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#B4B389
Deuteranopia#BCC786
Tritanopia#EC7F7D
Achromatopsia#939393
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive