#2E203C

Color Details

HEX
#2E203C
RGB
rgb(46, 32, 60)
HSL
hsl(270, 30%, 18%)
CMYK
cmyk(23%, 47%, 0%, 76%)
Best text on this color #FFFFFF (CR 15.13:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2e203c
Contrast 1.39:1 Fail
White on #2e203c
Contrast 15.13:1 AAA
#2e203c on Black
Contrast 1.39:1 Fail
#2e203c on White
Contrast 15.13:1 AAA

Tints & Shades

#584d63
#82798a
#aba6b1
#251a30
#1c1324
#120d18

Complement & Analogous

#2e3c20
#3c203c
#20203c

Triadic

#3c2e20
#203c2e

Monochrome

#120d18 #1c1324 #2e203c #82798a #aba6b1 #d5d2d8

Analogous

#20203c #636377 #2e203c #634d63 #3c203c #301a30

Complementary Mix

#1c1324 #2e203c #82798a #2e3c20 #77806e #1e2715

Nearby Colors

#2e203b
#2e203d
#2e202c
#2e204c

Embed #2E203C swatch

Embed this swatch

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

Open image

About #2E203C

#2E203C converts to RGB(46, 32, 60) and HSL(270, 30%, 18%). 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).

#2E203C FAQs

What is the RGB value of #2E203C?
RGB: 46, 32, 60. Copy as CSS: rgb(46, 32, 60)
Is #2E203C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2E203C?
Complement: #2e3c20.
Does #2E203C have good contrast on white or black?
On white: 15.13:1 (AAA (normal text)). On black: 1.39:1 (Fails AA).