#1B68C0

Color Details

HEX
#1B68C0
RGB
rgb(27, 104, 192)
HSL
hsl(212, 75%, 43%)
CMYK
cmyk(86%, 46%, 0%, 25%)
Best text on this color #FFFFFF (CR 5.54:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1b68c0
Contrast 3.79:1 Fail
White on #1b68c0
Contrast 5.54:1 AA
#1b68c0 on Black
Contrast 3.79:1 Fail
#1b68c0 on White
Contrast 5.54:1 AA

Tints & Shades

#4986cd
#76a4d9
#a4c3e6
#16539a
#103e73
#0b2a4d

Complement & Analogous

#c0731b
#211bc0
#1bbac0

Triadic

#c01b68
#68c01b

Monochrome

#0b2a4d #103e73 #1b68c0 #76a4d9 #a4c3e6 #d1e1f2

Analogous

#1bbac0 #5fcfd3 #1b68c0 #4d49cd #211bc0 #1a169a

Complementary Mix

#103e73 #1b68c0 #76a4d9 #c0731b #d6a46b #7d4b12

Nearby Colors

#1b68bf
#1b68c1
#1b68b0
#1b68d0

Embed #1B68C0 swatch

Embed this swatch

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

Open image

About #1B68C0

#1B68C0 converts to RGB(27, 104, 192) and HSL(212, 75%, 43%). 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).

#1B68C0 FAQs

What is the RGB value of #1B68C0?
RGB: 27, 104, 192. Copy as CSS: rgb(27, 104, 192)
Is #1B68C0 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1B68C0?
Complement: #c0731b.
Does #1B68C0 have good contrast on white or black?
On white: 5.54:1 (AA (normal text)). On black: 3.79:1 (AA (large text)).