#1FA6EA

Vivid Blue

HEX

RGB

HSL

About #1FA6EA Vivid Blue

#1FA6EA is a vivid blue color. In the RGB color model, it is composed of 31 red, 166 green, and 234 blue. In the HSL color space, it has a hue of 200°, saturation of 83%, 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 #1FA6EA in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

200°

Hue

83%

Saturation

52%

Lightness

Vivid Blue

Color Harmonies

Colors that work well with #1FA6EA based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #1FA6EA against white and black backgrounds.

Aa#1FA6EA on White
Contrast Ratio2.73:1
AA AA Large AAA
Aa#1FA6EA on Black
Contrast Ratio7.7:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #1FA6EA across different color formats.

FormatValue
HEX#1FA6EA
RGBrgb(31, 166, 234)
HSLhsl(200, 83%, 52%)
RGB Decimal31, 166, 234
RGB Percent12.2%, 65.1%, 91.8%
CMYK (approx.)87%, 29%, 0%, 8%

Related Palettes

12 palettes using #1FA6EA or similar colors

#16A6E9#0633F9#550BF4#C217E8
#14A3EB#032DFC#5602FD#C911EE
#16E9BF#12ABED#113DEE#4D02FD
#D125F4#47F425#F46A25#25AFF4
#F9731F#1FA6F9#39F91F#E01FF9
#3CF91F#DC1FF9#1FA9F9#F96F1F
#DC1FF9#3CF91F#F96F1F#1FA9F9
#35F91F#E31FF9#1FA2F9#F9761F
#1FA2F9#F9761F#E31FF9#35F91F
#13EC66#0FF0D6#1898E7#0622F9
#40F91F#D91FF9#1FADF9#F96C1F
#E71FF9#31F91F#F97A1F#1F9EF9