#535EF4

Vivid Blue

HEX

RGB

HSL

About #535EF4 Vivid Blue

#535EF4 is a vivid blue color. In the RGB color model, it is composed of 83 red, 94 green, and 244 blue. In the HSL color space, it has a hue of 236°, saturation of 88%, and lightness of 64%.

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

Beautiful Gradients

Color Properties

236°

Hue

88%

Saturation

64%

Lightness

Vivid Blue

Color Harmonies

Colors that work well with #535EF4 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #535EF4 against white and black backgrounds.

Aa#535EF4 on White
Contrast Ratio4.91:1
AA AA Large AAA
Aa#535EF4 on Black
Contrast Ratio4.28:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #535EF4 across different color formats.

FormatValue
HEX#535EF4
RGBrgb(83, 94, 244)
HSLhsl(236, 88%, 64%)
RGB Decimal83, 94, 244
RGB Percent32.5%, 36.9%, 95.7%
CMYK (approx.)66%, 61%, 0%, 4%

Related Palettes

12 palettes using #535EF4 or similar colors

#5AEB47#475AEB#EB475A#C1F7BA
#63EB47#4763EB#EB4763#C4F7BA
#4763EB#EB4763#63EB47#BAC4F7
#4758EB#EB4758#58EB47#BAC0F7
#EB4758#58EB47#4758EB#F7BAC0
#58EB47#4758EB#EB4758#C0F7BA
#E54D61#61E54D#4D61E5#F5BCC4
#4765EB#EB4765#65EB47#BAC5F7
#EB4765#65EB47#4765EB#F7BAC5
#65EB47#4765EB#EB4765#C5F7BA
#EB4755#55EB47#4755EB#F7BABF
#55EB47#4755EB#EB4755#BFF7BA