#2D38D9

Color Details

HEX
#2D38D9
RGB
rgb(45, 56, 217)
HSL
hsl(236, 69%, 51%)
CMYK
cmyk(79%, 74%, 0%, 15%)
Best text on this color #FFFFFF (CR 7.84:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2d38d9
Contrast 2.68:1 Fail
White on #2d38d9
Contrast 7.84:1 AAA
#2d38d9 on Black
Contrast 2.68:1 Fail
#2d38d9 on White
Contrast 7.84:1 AAA

Tints & Shades

#5760e1
#8188e8
#abaff0
#242dae
#1b2282
#121657

Complement & Analogous

#d8cd2c
#772cd8
#2c8ed8

Triadic

#d82c37
#37d82c

Monochrome

#121657 #1b2282 #2d38d9 #8188e8 #abaff0 #d5d7f7

Analogous

#2c8ed8 #6bb0e4 #2d38d9 #9256e0 #772cd8 #5f23ad

Complementary Mix

#1b2282 #2d38d9 #8188e8 #d8cd2c #e6df76 #8c851d

Nearby Colors

#2d38d8
#2d38da
#2d38c9
#2d38e9

Embed #2D38D9 swatch

Embed this swatch

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

Open image

About #2D38D9

#2D38D9 converts to RGB(45, 56, 217) and HSL(236, 69%, 51%). 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).

#2D38D9 FAQs

What is the RGB value of #2D38D9?
RGB: 45, 56, 217. Copy as CSS: rgb(45, 56, 217)
Is #2D38D9 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2D38D9?
Complement: #d8cd2c.
Does #2D38D9 have good contrast on white or black?
On white: 7.84:1 (AAA (normal text)). On black: 2.68:1 (Fails AA).