#1D38A9

Color Details

HEX
#1D38A9
RGB
rgb(29, 56, 169)
HSL
hsl(228, 71%, 39%)
CMYK
cmyk(83%, 67%, 0%, 34%)
Best text on this color #FFFFFF (CR 9.59:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1d38a9
Contrast 2.19:1 Fail
White on #1d38a9
Contrast 9.59:1 AAA
#1d38a9 on Black
Contrast 2.19:1 Fail
#1d38a9 on White
Contrast 9.59:1 AAA

Tints & Shades

#4a60ba
#7788cb
#a5afdd
#172d87
#112265
#0c1644

Complement & Analogous

#aa8e1d
#471daa
#1d80aa

Triadic

#aa1d39
#39aa1d

Monochrome

#0c1644 #112265 #1d38a9 #7788cb #a5afdd #d2d7ee

Analogous

#1d80aa #61a6c4 #1d38a9 #6c4abb #471daa #391788

Complementary Mix

#112265 #1d38a9 #7788cb #aa8e1d #c8b66c #6f5c13

Nearby Colors

#1d38a8
#1d38aa
#1d3899
#1d38b9

Embed #1D38A9 swatch

Embed this swatch

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

Open image

About #1D38A9

#1D38A9 converts to RGB(29, 56, 169) and HSL(228, 71%, 39%). 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).

#1D38A9 FAQs

What is the RGB value of #1D38A9?
RGB: 29, 56, 169. Copy as CSS: rgb(29, 56, 169)
Is #1D38A9 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1D38A9?
Complement: #aa8e1d.
Does #1D38A9 have good contrast on white or black?
On white: 9.59:1 (AAA (normal text)). On black: 2.19:1 (Fails AA).