#2E9FCC

Color Details

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

Readability Previews

Black on #2e9fcc
Contrast 6.95:1 AA
White on #2e9fcc
Contrast 3.02:1 Fail
#2e9fcc on Black
Contrast 6.95:1 AA
#2e9fcc on White
Contrast 3.02:1 Fail

Tints & Shades

#58b2d6
#82c5e0
#abd9eb
#257fa3
#1c5f7a
#124052

Complement & Analogous

#cc5b2e
#2e50cc
#2eccaa

Triadic

#cc2e9f
#9fcc2e

Monochrome

#124052 #1c5f7a #2e9fcc #82c5e0 #abd9eb #d5ecf5

Analogous

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

Complementary Mix

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

Nearby Colors

#2e9fcb
#2e9fcd
#2e9fbc
#2e9fdc

Embed #2E9FCC swatch

Embed this swatch

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

Open image

About #2E9FCC

#2E9FCC converts to RGB(46, 159, 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).

#2E9FCC FAQs

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