Coloried

Purplish Red

Purplish Red color is a vibrant shade of dark red. Its hex code is #B0054B and rgb code is rgb(176, 5, 75), Its CMYK value is cmyk(0%, 97%, 57%, 31%), and Its HSL value is hsl(335, 94%, 35%). Against white, it has a contrast ratio of 7.07:1, while against black, the contrast ratio is 2.97:1. Its complementary color is #05AD67 and closest tailwind color is rose-700. This color goes well with #FA6052, #FA52EC, #FC9CC4, #20F832, and #20E6F8. To recreate the Purplish Red color, you can mix #FF0000 and #610A96.

Purplish Red color code
|
1. Color Conversions
HEX#B0054B
RGB176, 5, 75
HSL335°, 94%, 35%
HSV335°, 94%, 69%
CMYK0%, 97%, 57%, 31%
Web Safe#990033
2. Contrast Ratio
Text on #FFFFFF7.07:1
AAA LargeAAA Normal
Text on #0000002.97:1
Fail LargeFail Normal
3. Purplish Red Color Code in CSS
HEX
#B0054B
RGB
rgb(176, 5, 75)
HSL
hsl(335, 94%, 35%)
Text Color
color: #B0054B;
Background
background-color: #B0054B;
Border Color
border-color: #B0054B;
Box Shadow
box-shadow: 0 4px 14px 0 #B0054B80;
SCSS
$color-purplish-red: #B0054B;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#66643A
Deuteranopia#707D36
Tritanopia#A72D2A
Achromatopsia#404040
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive