#2E9ECC

Color Details

HEX
#2E9ECC
RGB
rgb(46, 158, 204)
HSL
hsl(197, 63%, 49%)
CMYK
cmyk(77%, 23%, 0%, 20%)
Best text on this color #000000 (CR 6.88:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2e9ecc
Contrast 6.88:1 AA
White on #2e9ecc
Contrast 3.05:1 Fail
#2e9ecc on Black
Contrast 6.88:1 AA
#2e9ecc on White
Contrast 3.05:1 Fail

Tints & Shades

#58b1d6
#82c5e0
#abd8eb
#257ea3
#1c5f7a
#123f52

Complement & Analogous

#cc5b2e
#2e50cc
#2eccaa

Triadic

#cc2e9f
#9fcc2e

Monochrome

#123f52 #1c5f7a #2e9ecc #82c5e0 #abd8eb #d5ecf5

Analogous

#2eccaa #6ddbc4 #2e9ecc #5873d6 #2e50cc #2540a3

Complementary Mix

#1c5f7a #2e9ecc #82c5e0 #cc5b2e #de9477 #853b1e

Nearby Colors

#2e9ecb
#2e9ecd
#2e9ebc
#2e9edc

Embed #2E9ECC swatch

Embed this swatch

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

Open image

About #2E9ECC

#2E9ECC converts to RGB(46, 158, 204) and HSL(197, 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).

#2E9ECC FAQs

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