#1A2D6E

Color Details

HEX
#1A2D6E
RGB
rgb(26, 45, 110)
HSL
hsl(226, 62%, 27%)
CMYK
cmyk(76%, 59%, 0%, 57%)
Best text on this color #FFFFFF (CR 12.77:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1a2d6e
Contrast 1.64:1 Fail
White on #1a2d6e
Contrast 12.77:1 AAA
#1a2d6e on Black
Contrast 1.64:1 Fail
#1a2d6e on White
Contrast 12.77:1 AAA

Tints & Shades

#48578b
#7681a8
#a3abc5
#152458
#101b42
#0a122c

Complement & Analogous

#705c1a
#311a70
#1a5970

Triadic

#701a2e
#2e701a

Monochrome

#0a122c #101b42 #1a2d6e #7681a8 #a3abc5 #d1d5e2

Analogous

#1a5970 #5f8b9b #1a2d6e #5a488d #311a70 #27155a

Complementary Mix

#101b42 #1a2d6e #7681a8 #705c1a #a2956a #493c11

Nearby Colors

#1a2d6d
#1a2d6f
#1a2d5e
#1a2d7e

Embed #1A2D6E swatch

Embed this swatch

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

Open image

About #1A2D6E

#1A2D6E converts to RGB(26, 45, 110) and HSL(226, 62%, 27%). 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).

#1A2D6E FAQs

What is the RGB value of #1A2D6E?
RGB: 26, 45, 110. Copy as CSS: rgb(26, 45, 110)
Is #1A2D6E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1A2D6E?
Complement: #705c1a.
Does #1A2D6E have good contrast on white or black?
On white: 12.77:1 (AAA (normal text)). On black: 1.64:1 (Fails AA).