#2A063C

Color Details

HEX
#2A063C
RGB
rgb(42, 6, 60)
HSL
hsl(280, 82%, 13%)
CMYK
cmyk(30%, 90%, 0%, 76%)
Best text on this color #FFFFFF (CR 17.65:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2a063c
Contrast 1.19:1 Fail
White on #2a063c
Contrast 17.65:1 AAA
#2a063c on Black
Contrast 1.19:1 Fail
#2a063c on White
Contrast 17.65:1 AAA

Tints & Shades

#553863
#7f6a8a
#aa9bb1
#220530
#190424
#110218

Complement & Analogous

#183c06
#3c0633
#0f063c

Triadic

#3c2a06
#063c2a

Monochrome

#110218 #190424 #2a063c #7f6a8a #aa9bb1 #d4cdd8

Analogous

#0f063c #575177 #2a063c #63385c #3c0633 #300529

Complementary Mix

#190424 #2a063c #7f6a8a #183c06 #69805d #102704

Nearby Colors

#2a063b
#2a063d
#2a062c
#2a064c

Embed #2A063C swatch

Embed this swatch

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

Open image

About #2A063C

#2A063C converts to RGB(42, 6, 60) and HSL(280, 82%, 13%). 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).

#2A063C FAQs

What is the RGB value of #2A063C?
RGB: 42, 6, 60. Copy as CSS: rgb(42, 6, 60)
Is #2A063C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2A063C?
Complement: #183c06.
Does #2A063C have good contrast on white or black?
On white: 17.65:1 (AAA (normal text)). On black: 1.19:1 (Fails AA).