#301B5C

Color Details

HEX
#301B5C
RGB
rgb(48, 27, 92)
HSL
hsl(259, 55%, 23%)
CMYK
cmyk(48%, 71%, 0%, 64%)
Best text on this color #FFFFFF (CR 14.61:1) Determined by WCAG contrast ratio

Readability Previews

Black on #301b5c
Contrast 1.44:1 Fail
White on #301b5c
Contrast 14.61:1 AAA
#301b5c on Black
Contrast 1.44:1 Fail
#301b5c on White
Contrast 14.61:1 AAA

Tints & Shades

#59497d
#83769d
#aca4be
#26164a
#1d1037
#130b25

Complement & Analogous

#465b1a
#4f1a5b
#1a265b

Triadic

#5b2f1a
#1a5b2f

Monochrome

#130b25 #1d1037 #301b5c #83769d #aca4be #d6d1de

Analogous

#1a265b #5f678c #301b5c #72487c #4f1a5b #3f1549

Complementary Mix

#1d1037 #301b5c #83769d #465b1a #87946a #2e3b11

Nearby Colors

#301b5b
#301b5d
#301b4c
#301b6c

Embed #301B5C swatch

Embed this swatch

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

Open image

About #301B5C

#301B5C converts to RGB(48, 27, 92) and HSL(259, 55%, 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).

#301B5C FAQs

What is the RGB value of #301B5C?
RGB: 48, 27, 92. Copy as CSS: rgb(48, 27, 92)
Is #301B5C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #301B5C?
Complement: #465b1a.
Does #301B5C have good contrast on white or black?
On white: 14.61:1 (AAA (normal text)). On black: 1.44:1 (Fails AA).