#42276C

Color Details

HEX
#42276C
RGB
rgb(66, 39, 108)
HSL
hsl(263, 47%, 29%)
CMYK
cmyk(39%, 64%, 0%, 58%)
Best text on this color #FFFFFF (CR 12.08:1) Determined by WCAG contrast ratio

Readability Previews

Black on #42276c
Contrast 1.74:1 Fail
White on #42276c
Contrast 12.08:1 AAA
#42276c on Black
Contrast 1.74:1 Fail
#42276c on White
Contrast 12.08:1 AAA

Tints & Shades

#685289
#8e7da7
#b3a9c4
#351f56
#281741
#1a102b

Complement & Analogous

#526d27
#65276d
#272f6d

Triadic

#6d4227
#276d42

Monochrome

#1a102b #281741 #42276c #8e7da7 #b3a9c4 #d9d4e2

Analogous

#272f6d #686d99 #42276c #84528a #65276d #511f57

Complementary Mix

#281741 #42276c #8e7da7 #526d27 #8fa073 #354719

Nearby Colors

#42276b
#42276d
#42275c
#42277c

Embed #42276C swatch

Embed this swatch

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

Open image

About #42276C

#42276C converts to RGB(66, 39, 108) and HSL(263, 47%, 29%). 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).

#42276C FAQs

What is the RGB value of #42276C?
RGB: 66, 39, 108. Copy as CSS: rgb(66, 39, 108)
Is #42276C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #42276C?
Complement: #526d27.
Does #42276C have good contrast on white or black?
On white: 12.08:1 (AAA (normal text)). On black: 1.74:1 (Fails AA).