Coloried

Amaranth

Amaranth color is a deep red color with little pink look. Its hex code is #E52B50 and rgb code is rgb(229, 43, 80), Its CMYK value is cmyk(0%, 81%, 65%, 10%), and Its HSL value is hsl(348, 78%, 53%). The contrast ratio against white is 4.38:1, and against black, contrast ratio is 4.79:1. This is very closest to red color with pinkish tone that's why this color creates more vivid and aesthetic look. Its complementary color is #2AE5BF and closest tailwind color is rose-600. This color goes well with #68280D, #680D4D, #24040B, #13963A, and #136E96. To recreate the Amaranth color, you can mix #FF0000 and #CB56A0.

Amaranth color code
|
1. Color Conversions
HEX#E52B50
RGB229, 43, 80
HSL348°, 78%, 53%
HSV348°, 78%, 90%
CMYK0%, 81%, 65%, 10%
Web Safe#CC3366
2. Contrast Ratio
Text on #FFFFFF4.38:1
AAA LargeFail Normal
Text on #0000004.79:1
AAA LargeAAA Normal
3. Amaranth Color Code in CSS
HEX
#E52B50
RGB
rgb(229, 43, 80)
HSL
hsl(348, 78%, 53%)
Text Color
color: #E52B50;
Background
background-color: #E52B50;
Border Color
border-color: #E52B50;
Box Shadow
box-shadow: 0 4px 14px 0 #E52B5080;
SCSS
$color-amaranth: #E52B50;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#949347
Deuteranopia#9FAD45
Tritanopia#DC403E
Achromatopsia#676767
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive