#18BFF2

Vivid Blue

HEX

RGB

HSL

About #18BFF2 Vivid Blue

#18BFF2 is a vivid blue color. In the RGB color model, it is composed of 24 red, 191 green, and 242 blue. In the HSL color space, it has a hue of 194°, saturation of 89%, and lightness of 52%.

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 & Gradients

Use #18BFF2 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

194°

Hue

89%

Saturation

52%

Lightness

Vivid Blue

Color Harmonies

Colors that work well with #18BFF2 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #18BFF2 against white and black backgrounds.

Aa#18BFF2 on White
Contrast Ratio2.15:1
AA AA Large AAA
Aa#18BFF2 on Black
Contrast Ratio9.77:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #18BFF2 across different color formats.

FormatValue
HEX#18BFF2
RGBrgb(24, 191, 242)
HSLhsl(194, 89%, 52%)
RGB Decimal24, 191, 242
RGB Percent9.4%, 74.9%, 94.9%
CMYK (approx.)90%, 21%, 0%, 5%

Related Palettes

12 palettes using #18BFF2 or similar colors

#11C2EE#1856E7#3300FF#AD0EF1
#17E841#18E7A9#10C2EF#014DFE
#02FD34#11EEAC#16BFE9#1053EF
#C61FF9#52F91F#F9591F#1FBFF9
#CA1FF9#4EF91F#F95D1F#1FBBF9
#1FBBF9#F95D1F#CA1FF9#4EF91F
#C31FF9#56F91F#F9561F#1FC3F9
#F95D1F#1FBBF9#4EF91F#CA1FF9
#56F91F#C31FF9#1FC3F9#F9561F
#10B7EF#194CE6#4A14EB#BD04FB
#12B6ED#0040FF#4913EC#B318E7
#59F91F#BF1FF9#1FC6F9#F9521F