#1D3485

Color Details

HEX
#1D3485
RGB
rgb(29, 52, 133)
HSL
hsl(227, 64%, 32%)
CMYK
cmyk(78%, 61%, 0%, 48%)
Best text on this color #FFFFFF (CR 11.16:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1d3485
Contrast 1.88:1 Fail
White on #1d3485
Contrast 11.16:1 AAA
#1d3485 on Black
Contrast 1.88:1 Fail
#1d3485 on White
Contrast 11.16:1 AAA

Tints & Shades

#4a5d9d
#7785b6
#a5aece
#172a6a
#111f50
#0c1535

Complement & Analogous

#866f1d
#3b1d86
#1d6886

Triadic

#861d34
#34861d

Monochrome

#0c1535 #111f50 #1d3485 #7785b6 #a5aece #d2d6e7

Analogous

#1d6886 #6195aa #1d3485 #624a9e #3b1d86 #2f176b

Complementary Mix

#111f50 #1d3485 #7785b6 #866f1d #b0a16c #574813

Nearby Colors

#1d3484
#1d3486
#1d3475
#1d3495

Embed #1D3485 swatch

Embed this swatch

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

Open image

About #1D3485

#1D3485 converts to RGB(29, 52, 133) and HSL(227, 64%, 32%). 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).

#1D3485 FAQs

What is the RGB value of #1D3485?
RGB: 29, 52, 133. Copy as CSS: rgb(29, 52, 133)
Is #1D3485 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1D3485?
Complement: #866f1d.
Does #1D3485 have good contrast on white or black?
On white: 11.16:1 (AAA (normal text)). On black: 1.88:1 (Fails AA).