#35318F

Color Details

HEX
#35318F
RGB
rgb(53, 49, 143)
HSL
hsl(243, 49%, 38%)
CMYK
cmyk(63%, 66%, 0%, 44%)
Best text on this color #FFFFFF (CR 10.57:1) Determined by WCAG contrast ratio

Readability Previews

Black on #35318f
Contrast 1.99:1 Fail
White on #35318f
Contrast 10.57:1 AAA
#35318f on Black
Contrast 1.99:1 Fail
#35318f on White
Contrast 10.57:1 AAA

Tints & Shades

#5d5aa5
#8683bc
#aeadd2
#2a2772
#201d56
#151439

Complement & Analogous

#8c9031
#663190
#315c90

Triadic

#903631
#319036

Monochrome

#151439 #201d56 #35318f #8683bc #aeadd2 #d7d6e9

Analogous

#315c90 #6f8db1 #35318f #855aa6 #663190 #522773

Complementary Mix

#201d56 #35318f #8683bc #8c9031 #b4b779 #5b5e20

Nearby Colors

#35318e
#353190
#35317f
#35319f

Embed #35318F swatch

Embed this swatch

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

Open image

About #35318F

#35318F converts to RGB(53, 49, 143) and HSL(243, 49%, 38%). 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).

#35318F FAQs

What is the RGB value of #35318F?
RGB: 53, 49, 143. Copy as CSS: rgb(53, 49, 143)
Is #35318F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #35318F?
Complement: #8c9031.
Does #35318F have good contrast on white or black?
On white: 10.57:1 (AAA (normal text)). On black: 1.99:1 (Fails AA).