#2E8CA8

Color Details

HEX
#2E8CA8
RGB
rgb(46, 140, 168)
HSL
hsl(194, 57%, 42%)
CMYK
cmyk(73%, 17%, 0%, 34%)
Best text on this color #000000 (CR 5.43:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2e8ca8
Contrast 5.43:1 AA
White on #2e8ca8
Contrast 3.87:1 Fail
#2e8ca8 on Black
Contrast 5.43:1 AA
#2e8ca8 on White
Contrast 3.87:1 Fail

Tints & Shades

#58a3b9
#82bacb
#abd1dc
#257086
#1c5465
#123843

Complement & Analogous

#a84b2e
#2e4fa8
#2ea888

Triadic

#a82e8c
#8ca82e

Monochrome

#123843 #1c5465 #2e8ca8 #82bacb #abd1dc #d5e8ee

Analogous

#2ea888 #6dc2ac #2e8ca8 #5872b9 #2e4fa8 #253f86

Complementary Mix

#1c5465 #2e8ca8 #82bacb #a84b2e #c68a77 #6d311e

Nearby Colors

#2e8ca7
#2e8ca9
#2e8c98
#2e8cb8

Embed #2E8CA8 swatch

Embed this swatch

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

Open image

About #2E8CA8

#2E8CA8 converts to RGB(46, 140, 168) and HSL(194, 57%, 42%). 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).

#2E8CA8 FAQs

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