#2E463C

Color Details

HEX
#2E463C
RGB
rgb(46, 70, 60)
HSL
hsl(155, 21%, 23%)
CMYK
cmyk(34%, 0%, 14%, 73%)
Best text on this color #FFFFFF (CR 10.21:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2e463c
Contrast 2.06:1 Fail
White on #2e463c
Contrast 10.21:1 AAA
#2e463c on Black
Contrast 2.06:1 Fail
#2e463c on White
Contrast 10.21:1 AAA

Tints & Shades

#586b63
#82908a
#abb5b1
#253830
#1c2a24
#121c18

Complement & Analogous

#472e39
#2e4548
#2e4830

Triadic

#3d2e47
#473d2e

Monochrome

#121c18 #1c2a24 #2e463c #82908a #abb5b1 #d5dad8

Analogous

#2e4830 #6d7f6e #2e463c #586a6d #2e4548 #25373a

Complementary Mix

#1c2a24 #2e463c #82908a #472e39 #87777e #2e1e25

Nearby Colors

#2e463b
#2e463d
#2e462c
#2e464c

Embed #2E463C swatch

Embed this swatch

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

Open image

About #2E463C

#2E463C converts to RGB(46, 70, 60) and HSL(155, 21%, 23%). 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).

#2E463C FAQs

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