#2E6EBC

Color Details

HEX
#2E6EBC
RGB
rgb(46, 110, 188)
HSL
hsl(213, 61%, 46%)
CMYK
cmyk(76%, 41%, 0%, 26%)
Best text on this color #FFFFFF (CR 5.16:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2e6ebc
Contrast 4.07:1 Fail
White on #2e6ebc
Contrast 5.16:1 AA
#2e6ebc on Black
Contrast 4.07:1 Fail
#2e6ebc on White
Contrast 5.16:1 AA

Tints & Shades

#588bc9
#82a8d7
#abc5e4
#255896
#1c4271
#122c4b

Complement & Analogous

#bd7c2e
#352ebd
#2eb6bd

Triadic

#bd2e6e
#6ebd2e

Monochrome

#122c4b #1c4271 #2e6ebc #82a8d7 #abc5e4 #d5e2f2

Analogous

#2eb6bd #6dccd1 #2e6ebc #5d58ca #352ebd #2a2597

Complementary Mix

#1c4271 #2e6ebc #82a8d7 #bd7c2e #d4aa77 #7b511e

Nearby Colors

#2e6ebb
#2e6ebd
#2e6eac
#2e6ecc

Embed #2E6EBC swatch

Embed this swatch

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

Open image

About #2E6EBC

#2E6EBC converts to RGB(46, 110, 188) and HSL(213, 61%, 46%). 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).

#2E6EBC FAQs

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