#1B51F0

Color Details

HEX
#1B51F0
RGB
rgb(27, 81, 240)
HSL
hsl(225, 88%, 52%)
CMYK
cmyk(89%, 66%, 0%, 6%)
Best text on this color #FFFFFF (CR 6.03:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1b51f0
Contrast 3.48:1 Fail
White on #1b51f0
Contrast 6.03:1 AA
#1b51f0 on Black
Contrast 3.48:1 Fail
#1b51f0 on White
Contrast 6.03:1 AA

Tints & Shades

#4974f3
#7697f6
#a4b9f9
#1641c0
#103190
#0b2060

Complement & Analogous

#f0ba19
#4f19f0
#19baf0

Triadic

#f0194f
#4ff019

Monochrome

#0b2060 #103190 #1b51f0 #7697f6 #a4b9f9 #d1dcfc

Analogous

#19baf0 #5ecff5 #1b51f0 #7247f3 #4f19f0 #3f14c0

Complementary Mix

#103190 #1b51f0 #7697f6 #f0ba19 #f5d26a #9c7910

Nearby Colors

#1b51ef
#1b51f1
#1b51e0
#1b5200

Embed #1B51F0 swatch

Embed this swatch

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

Open image

About #1B51F0

#1B51F0 converts to RGB(27, 81, 240) and HSL(225, 88%, 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).

#1B51F0 FAQs

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