#2E88A7

Color Details

HEX
#2E88A7
RGB
rgb(46, 136, 167)
HSL
hsl(195, 57%, 42%)
CMYK
cmyk(72%, 19%, 0%, 35%)
Best text on this color #000000 (CR 5.20:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2e88a7
Contrast 5.20:1 AA
White on #2e88a7
Contrast 4.04:1 Fail
#2e88a7 on Black
Contrast 5.20:1 AA
#2e88a7 on White
Contrast 4.04:1 Fail

Tints & Shades

#58a0b9
#82b8ca
#abcfdc
#256d86
#1c5264
#123643

Complement & Analogous

#a84d2e
#2e4da8
#2ea88a

Triadic

#a82e8a
#8aa82e

Monochrome

#123643 #1c5264 #2e88a7 #82b8ca #abcfdc #d5e7ed

Analogous

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

Complementary Mix

#1c5264 #2e88a7 #82b8ca #a84d2e #c68b77 #6d321e

Nearby Colors

#2e88a6
#2e88a8
#2e8897
#2e88b7

Embed #2E88A7 swatch

Embed this swatch

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

Open image

About #2E88A7

#2E88A7 converts to RGB(46, 136, 167) 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).

#2E88A7 FAQs

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