#1B45A0

Color Details

HEX
#1B45A0
RGB
rgb(27, 69, 160)
HSL
hsl(221, 71%, 37%)
CMYK
cmyk(83%, 57%, 0%, 37%)
Best text on this color #FFFFFF (CR 8.73:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1b45a0
Contrast 2.41:1 Fail
White on #1b45a0
Contrast 8.73:1 AAA
#1b45a0 on Black
Contrast 2.41:1 Fail
#1b45a0 on White
Contrast 8.73:1 AAA

Tints & Shades

#496ab3
#768fc6
#a4b5d9
#163780
#102960
#0b1c40

Complement & Analogous

#a1771b
#341ba1
#1b89a1

Triadic

#a11b46
#46a11b

Monochrome

#0b1c40 #102960 #1b45a0 #768fc6 #a4b5d9 #d1daec

Analogous

#1b89a1 #5facbd #1b45a0 #5d49b4 #341ba1 #2a1681

Complementary Mix

#102960 #1b45a0 #768fc6 #a1771b #c2a76b #694d12

Nearby Colors

#1b459f
#1b45a1
#1b4590
#1b45b0

Embed #1B45A0 swatch

Embed this swatch

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

Open image

About #1B45A0

#1B45A0 converts to RGB(27, 69, 160) and HSL(221, 71%, 37%). 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).

#1B45A0 FAQs

What is the RGB value of #1B45A0?
RGB: 27, 69, 160. Copy as CSS: rgb(27, 69, 160)
Is #1B45A0 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1B45A0?
Complement: #a1771b.
Does #1B45A0 have good contrast on white or black?
On white: 8.73:1 (AAA (normal text)). On black: 2.41:1 (Fails AA).