#357DF9

Vivid Blue

HEX

RGB

HSL

About #357DF9 Vivid Blue

#357DF9 is a vivid blue color. In the RGB color model, it is composed of 53 red, 125 green, and 249 blue. In the HSL color space, it has a hue of 218°, saturation of 94%, and lightness of 59%.

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 #357DF9 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

218°

Hue

94%

Saturation

59%

Lightness

Vivid Blue

Color Harmonies

Colors that work well with #357DF9 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #357DF9 against white and black backgrounds.

Aa#357DF9 on White
Contrast Ratio3.85:1
AA AA Large AAA
Aa#357DF9 on Black
Contrast Ratio5.45:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #357DF9 across different color formats.

FormatValue
HEX#357DF9
RGBrgb(53, 125, 249)
HSLhsl(218, 94%, 59%)
RGB Decimal53, 125, 249
RGB Percent20.8%, 49.0%, 97.6%
CMYK (approx.)79%, 50%, 0%, 2%

Related Palettes

12 palettes using #357DF9 or similar colors

#257EF4#F49A25#F425E6#25F433
#2589F4#F49025#F425F0#25F428
#F99B1F#1F7EF9#1FF92E#F91FEB
#1FF931#F91FE7#1F7AF9#F99E1F
#1F7AF9#F99E1F#F91FE7#1FF931
#1FF92A#F91FEE#1F81F9#F9971F
#1F81F9#F9971F#F91FEE#1FF92A
#F9971F#1F81F9#1FF92A#F91FEE
#F91FEE#1FF92A#F9971F#1F81F9
#15A4B7#3578E3#8B80E5#DFC0F1
#477EEB#EB477E#7EEB47#BACFF7
#F91FE3#1FF935#F9A21F#1F76F9