#2E536C

Color Details

HEX
#2E536C
RGB
rgb(46, 83, 108)
HSL
hsl(204, 40%, 30%)
CMYK
cmyk(57%, 23%, 0%, 58%)
Best text on this color #FFFFFF (CR 8.17:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2e536c
Contrast 2.57:1 Fail
White on #2e536c
Contrast 8.17:1 AAA
#2e536c on Black
Contrast 2.57:1 Fail
#2e536c on White
Contrast 8.17:1 AAA

Tints & Shades

#587589
#8298a7
#abbac4
#254256
#1c3241
#12212b

Complement & Analogous

#6b462e
#2e346b
#2e6b65

Triadic

#6b2e53
#536b2e

Monochrome

#12212b #1c3241 #2e536c #8298a7 #abbac4 #d5dde2

Analogous

#2e6b65 #6d9793 #2e536c #585d89 #2e346b #252a56

Complementary Mix

#1c3241 #2e536c #8298a7 #6b462e #9f8777 #462e1e

Nearby Colors

#2e536b
#2e536d
#2e535c
#2e537c

Embed #2E536C swatch

Embed this swatch

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

Open image

About #2E536C

#2E536C converts to RGB(46, 83, 108) and HSL(204, 40%, 30%). 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).

#2E536C FAQs

What is the RGB value of #2E536C?
RGB: 46, 83, 108. Copy as CSS: rgb(46, 83, 108)
Is #2E536C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2E536C?
Complement: #6b462e.
Does #2E536C have good contrast on white or black?
On white: 8.17:1 (AAA (normal text)). On black: 2.57:1 (Fails AA).