#1B5CEC

Color Details

HEX
#1B5CEC
RGB
rgb(27, 92, 236)
HSL
hsl(221, 85%, 52%)
CMYK
cmyk(89%, 61%, 0%, 7%)
Best text on this color #FFFFFF (CR 5.54:1) Determined by WCAG contrast ratio

Readability Previews

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

Tints & Shades

#497df0
#769df4
#a4bef7
#164abd
#10378e
#0b255e

Complement & Analogous

#edab1d
#431ded
#1dc6ed

Triadic

#ed1d5e
#5eed1d

Monochrome

#0b255e #10378e #1b5cec #769df4 #a4bef7 #d1defb

Analogous

#1dc6ed #61d7f2 #1b5cec #694af1 #431ded #3617be

Complementary Mix

#10378e #1b5cec #769df4 #edab1d #f3c86c #9a6f13

Nearby Colors

#1b5ceb
#1b5ced
#1b5cdc
#1b5cfc

Embed #1B5CEC swatch

Embed this swatch

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

Open image

About #1B5CEC

#1B5CEC converts to RGB(27, 92, 236) and HSL(221, 85%, 52%). 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).

#1B5CEC FAQs

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