#2E89A8

Color Details

HEX
#2E89A8
RGB
rgb(46, 137, 168)
HSL
hsl(195, 57%, 42%)
CMYK
cmyk(73%, 18%, 0%, 34%)
Best text on this color #000000 (CR 5.26:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2e89a8
Contrast 5.26:1 AA
White on #2e89a8
Contrast 3.99:1 Fail
#2e89a8 on Black
Contrast 5.26:1 AA
#2e89a8 on White
Contrast 3.99:1 Fail

Tints & Shades

#58a1b9
#82b8cb
#abd0dc
#256e86
#1c5265
#123743

Complement & Analogous

#a84d2e
#2e4da8
#2ea88a

Triadic

#a82e8a
#8aa82e

Monochrome

#123743 #1c5265 #2e89a8 #82b8cb #abd0dc #d5e7ee

Analogous

#2ea88a #6dc2ad #2e89a8 #5871b9 #2e4da8 #253e86

Complementary Mix

#1c5265 #2e89a8 #82b8cb #a84d2e #c68b77 #6d321e

Nearby Colors

#2e89a7
#2e89a9
#2e8998
#2e89b8

Embed #2E89A8 swatch

Embed this swatch

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

Open image

About #2E89A8

#2E89A8 converts to RGB(46, 137, 168) and HSL(195, 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).

#2E89A8 FAQs

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