#2E8CCC

Color Details

HEX
#2E8CCC
RGB
rgb(46, 140, 204)
HSL
hsl(204, 63%, 49%)
CMYK
cmyk(77%, 31%, 0%, 20%)
Best text on this color #000000 (CR 5.74:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2e8ccc
Contrast 5.74:1 AA
White on #2e8ccc
Contrast 3.66:1 Fail
#2e8ccc on Black
Contrast 5.74:1 AA
#2e8ccc on White
Contrast 3.66:1 Fail

Tints & Shades

#58a3d6
#82bae0
#abd1eb
#2570a3
#1c547a
#123852

Complement & Analogous

#cc6d2e
#2e3ecc
#2eccbc

Triadic

#cc2e8d
#8dcc2e

Monochrome

#123852 #1c547a #2e8ccc #82bae0 #abd1eb #d5e8f5

Analogous

#2eccbc #6ddbd0 #2e8ccc #5865d6 #2e3ecc #2532a3

Complementary Mix

#1c547a #2e8ccc #82bae0 #cc6d2e #dea077 #85471e

Nearby Colors

#2e8ccb
#2e8ccd
#2e8cbc
#2e8cdc

Embed #2E8CCC swatch

Embed this swatch

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

Open image

About #2E8CCC

#2E8CCC converts to RGB(46, 140, 204) and HSL(204, 63%, 49%). 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).

#2E8CCC FAQs

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