#2E858C

Color Details

HEX
#2E858C
RGB
rgb(46, 133, 140)
HSL
hsl(184, 51%, 36%)
CMYK
cmyk(67%, 5%, 0%, 45%)
Best text on this color #000000 (CR 4.85:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2e858c
Contrast 4.85:1 AA
White on #2e858c
Contrast 4.33:1 Fail
#2e858c on Black
Contrast 4.85:1 AA
#2e858c on White
Contrast 4.33:1 Fail

Tints & Shades

#589da3
#82b6ba
#abced1
#256a70
#1c5054
#123538

Complement & Analogous

#8b332d
#2d568b
#2d8b62

Triadic

#8b2d84
#848b2d

Monochrome

#123538 #1c5054 #2e858c #82b6ba #abced1 #d5e7e8

Analogous

#2d8b62 #6cae91 #2e858c #5778a2 #2d568b #24456f

Complementary Mix

#1c5054 #2e858c #82b6ba #8b332d #b47a77 #5a211d

Nearby Colors

#2e858b
#2e858d
#2e857c
#2e859c

Embed #2E858C swatch

Embed this swatch

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

Open image

About #2E858C

#2E858C converts to RGB(46, 133, 140) and HSL(184, 51%, 36%). 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).

#2E858C FAQs

What is the RGB value of #2E858C?
RGB: 46, 133, 140. Copy as CSS: rgb(46, 133, 140)
Is #2E858C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2E858C?
Complement: #8b332d.
Does #2E858C have good contrast on white or black?
On white: 4.33:1 (AA (large text)). On black: 4.85:1 (AA (normal text)).