#E2585C

Color Details

HEX
#E2585C
RGB
rgb(226, 88, 92)
HSL
hsl(358, 70%, 62%)
CMYK
cmyk(0%, 61%, 59%, 11%)
Best text on this color #000000 (CR 5.78:1) Determined by WCAG contrast ratio

Readability Previews

Black on #e2585c
Contrast 5.78:1 AA
White on #e2585c
Contrast 3.63:1 Fail
#e2585c on Black
Contrast 5.78:1 AA
#e2585c on White
Contrast 3.63:1 Fail

Tints & Shades

#e8797d
#ee9b9d
#f3bcbe
#b5464a
#883537
#5a2325

Complement & Analogous

#5ae2dd
#e29a5a
#e25aa3

Triadic

#5fe25a
#5a5fe2

Monochrome

#5a2325 #883537 #e2585c #ee9b9d #f3bcbe #f9dede

Analogous

#e25aa3 #eb8cbf #e2585c #e8ae7b #e29a5a #b57b48

Complementary Mix

#883537 #e2585c #ee9b9d #5ae2dd #94ece9 #3b9390

Nearby Colors

#e2585b
#e2585d
#e2584c
#e2586c

Embed #E2585C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #E2585C

#E2585C converts to RGB(226, 88, 92) and HSL(358, 70%, 62%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#E2585C FAQs

What is the RGB value of #E2585C?
RGB: 226, 88, 92. Copy as CSS: rgb(226, 88, 92)
Is #E2585C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #E2585C?
Complement: #5ae2dd.
Does #E2585C have good contrast on white or black?
On white: 3.63:1 (AA (large text)). On black: 5.78:1 (AA (normal text)).