#5598F6

Vivid Blue

HEX

RGB

HSL

About #5598F6 Vivid Blue

#5598F6 is a vivid blue color. In the RGB color model, it is composed of 85 red, 152 green, and 246 blue. In the HSL color space, it has a hue of 215°, saturation of 90%, and lightness of 65%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With high saturation, it appears vibrant and eye-catching.

CSS Code

Use #5598F6 in your CSS, SCSS, or Tailwind projects.

Color Properties

215°

Hue

90%

Saturation

65%

Lightness

Vivid Blue

Color Harmonies

Colors that work well with #5598F6 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #5598F6 against white and black backgrounds.

Aa#5598F6 on White
Contrast Ratio2.91:1
AA AA Large AAA
Aa#5598F6 on Black
Contrast Ratio7.21:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #5598F6 across different color formats.

FormatValue
HEX#5598F6
RGBrgb(85, 152, 246)
HSLhsl(215, 90%, 65%)
RGB Decimal85, 152, 246
RGB Percent33.3%, 59.6%, 96.5%
CMYK (approx.)65%, 38%, 0%, 4%

Related Palettes

12 palettes using #5598F6 or similar colors

#FFD93D#FF6B6B#6BCB77#4D96FF
#99EB47#4799EB#EB4799#D9F7BA
#EB4799#99EB47#4799EB#F7BAD9
#4796EB#EB4796#96EB47#BAD8F7
#479CEB#EB479C#9CEB47#BADAF7
#9EEB47#479EEB#EB479E#DBF7BA
#9CE54D#4D9CE5#E54D9C#DAF5BC
#47A1EB#EB47A1#A1EB47#BADCF7
#EB47A4#A4EB47#47A4EB#F7BADD
#E54DA3#A3E54D#4DA3E5#F5BCDD
#26CAD9#5299E0#7D86E8#C0A8F0
#4D8CE5#E54D8C#8CE54D#BCD4F5