#30429C

Color Details

HEX
#30429C
RGB
rgb(48, 66, 156)
HSL
hsl(230, 53%, 40%)
CMYK
cmyk(69%, 58%, 0%, 39%)
Best text on this color #FFFFFF (CR 8.80:1) Determined by WCAG contrast ratio

Readability Previews

Black on #30429c
Contrast 2.39:1 Fail
White on #30429c
Contrast 8.80:1 AAA
#30429c on Black
Contrast 2.39:1 Fail
#30429c on White
Contrast 8.80:1 AAA

Tints & Shades

#5968b0
#838ec4
#acb3d7
#26357d
#1d285e
#131a3e

Complement & Analogous

#9c8a30
#54309c
#30789c

Triadic

#9c3042
#429c30

Monochrome

#131a3e #1d285e #30429c #838ec4 #acb3d7 #d6d9eb

Analogous

#30789c #6ea1ba #30429c #7659b0 #54309c #43267d

Complementary Mix

#1d285e #30429c #838ec4 #9c8a30 #bfb378 #655a1f

Nearby Colors

#30429b
#30429d
#30428c
#3042ac

Embed #30429C swatch

Embed this swatch

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

Open image

About #30429C

#30429C converts to RGB(48, 66, 156) and HSL(230, 53%, 40%). 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).

#30429C FAQs

What is the RGB value of #30429C?
RGB: 48, 66, 156. Copy as CSS: rgb(48, 66, 156)
Is #30429C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #30429C?
Complement: #9c8a30.
Does #30429C have good contrast on white or black?
On white: 8.80:1 (AAA (normal text)). On black: 2.39:1 (Fails AA).