Terracotta Color

#E2725B

Shades

Darker variations of each color in your palette

Base Color

#E2725B
#E2725B
#B55B49
#884437
#5A2E24
#2D1712
#000000

Shades

Tints

Lighter variations of each color in your palette

Base Color

#E2725B
#E2725B
#E88E7C
#EEAA9D
#F3C7BD
#F9E3DE
#FFFFFF

Tints

Base Color

Click any value to copy

FormatValueImage
HEX#E2725BTerracotta Color
RGB226, 114, 91
HSL10, 70%, 62%
CMYK0%, 50%, 60%, 11%
OKLCHoklch(0.677 0.144 33)

Color Harmonies

Explore harmonious color combinations based on color theory

Base Color

#E2725B
#E25A87
#E2725B
#E2B55A

Analogous

#E2725B
#5ACBE2

Complementary

#E2725B
#5AE271
#715AE2

Triadic

#E2725B
#5AE2B5
#5A87E2

Split Complementary

#E2725B
#87E25A
#5ACBE2
#B55AE2

Tetradic

#571B0F
#98301B
#D94426
#E47C67
#F0B4A8

Monochromatic

Hues

Different hues with the same saturation and lightness

Base Color

#E2725B
#E25A5A
#E2E25A
#5AE25A
#5AE2E2
#5A5AE2
#E25AE2

Hues

Tones

Tones created by adding gray to each color

Base Color

#E2725B
#E2725B
#CE7562
#BB786A
#A77A71
#947D79
#808080

Tones

Color Temperatures

Warm and cool variations of your colors

Base Color

#E2725B
#E67357
#EB7453
#EF754F

Warmer

#D87374
#CE748C
#C375A5

Cooler

Contrast

Test color contrast against white and black backgrounds

Color #1

#E2725B

On White Background

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

On Black Background

Sample Text
Contrast Ratio:6.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)