Amaranth Color

#E52B50

Shades

Darker variations of each color in your palette

Base Color

#E52B50
#E52B50
#B72240
#891A30
#5C1120
#2E0910
#000000

Shades

Tints

Lighter variations of each color in your palette

Base Color

#E52B50
#E52B50
#EA5573
#EF8096
#F5AAB9
#FAD5DC
#FFFFFF

Tints

Base Color

Click any value to copy

FormatValueImage
HEX#E52B50Amaranth Color
RGB229, 43, 80
HSL348, 78%, 53%
CMYK0%, 81%, 65%, 10%
OKLCHoklch(0.602 0.217 17)

Color Harmonies

Explore harmonious color combinations based on color theory

Base Color

#E52B50
#E52AAD
#E52B50
#E5622A

Analogous

#E52B50
#2AE5BF

Complementary

#E52B50
#4FE52A
#2A4FE5

Triadic

#E52B50
#2AE562
#2AADE5

Split Complementary

#E52B50
#ADE52A
#2AE5BF
#622AE5

Tetradic

#5B0B1B
#9F142F
#E31C44
#EB607C
#F4A4B4

Monochromatic

Hues

Different hues with the same saturation and lightness

Base Color

#E52B50
#E52A2A
#E5E52A
#2AE52A
#2AE5E5
#2A2AE5
#E52AE5

Hues

Tones

Tones created by adding gray to each color

Base Color

#E52B50
#E52B50
#D13C5A
#BD4D63
#A85E6D
#946F76
#808080

Tones

Color Temperatures

Warm and cool variations of your colors

Base Color

#E52B50
#E9314C
#ED3849
#F13E45

Warmer

#DB316A
#D03885
#C63E9F

Cooler

Contrast

Test color contrast against white and black backgrounds

Color #1

#E52B50

On White Background

Sample Text
Contrast Ratio:4.38:1
WCAG Level:AA Large
PASS

On Black Background

Sample Text
Contrast Ratio:4.79:1
WCAG Level:AA
PASS

WCAG Guidelines:

  • AAA: Contrast ratio ≥ 7:1 (highest level)
  • AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
  • AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)