#1D285C

Color Details

HEX
#1D285C
RGB
rgb(29, 40, 92)
HSL
hsl(230, 52%, 24%)
CMYK
cmyk(68%, 57%, 0%, 64%)
Best text on this color #FFFFFF (CR 13.90:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1d285c
Contrast 1.51:1 Fail
White on #1d285c
Contrast 13.90:1 AAA
#1d285c on Black
Contrast 1.51:1 Fail
#1d285c on White
Contrast 13.90:1 AAA

Tints & Shades

#4a537d
#777e9d
#a5a9be
#17204a
#111837
#0c1025

Complement & Analogous

#5d521d
#331d5d
#1d485d

Triadic

#5d1d28
#285d1d

Monochrome

#0c1025 #111837 #1d285c #777e9d #a5a9be #d2d4de

Analogous

#1d485d #617f8e #1d285c #5c4a7d #331d5d #29174a

Complementary Mix

#111837 #1d285c #777e9d #5d521d #968f6c #3c3513

Nearby Colors

#1d285b
#1d285d
#1d284c
#1d286c

Embed #1D285C swatch

Embed this swatch

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

Open image

About #1D285C

#1D285C converts to RGB(29, 40, 92) and HSL(230, 52%, 24%). 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).

#1D285C FAQs

What is the RGB value of #1D285C?
RGB: 29, 40, 92. Copy as CSS: rgb(29, 40, 92)
Is #1D285C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1D285C?
Complement: #5d521d.
Does #1D285C have good contrast on white or black?
On white: 13.90:1 (AAA (normal text)). On black: 1.51:1 (Fails AA).