#3D5AED

Vivid Blue

HEX

RGB

HSL

About #3D5AED Vivid Blue

#3D5AED is a vivid blue color. In the RGB color model, it is composed of 61 red, 90 green, and 237 blue. In the HSL color space, it has a hue of 230°, saturation of 83%, and lightness of 58%.

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

Beautiful Gradients

Color Properties

230°

Hue

83%

Saturation

58%

Lightness

Vivid Blue

Color Harmonies

Colors that work well with #3D5AED based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #3D5AED against white and black backgrounds.

Aa#3D5AED on White
Contrast Ratio5.41:1
AA AA Large AAA
Aa#3D5AED on Black
Contrast Ratio3.88:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #3D5AED across different color formats.

FormatValue
HEX#3D5AED
RGBrgb(61, 90, 237)
HSLhsl(230, 83%, 58%)
RGB Decimal61, 90, 237
RGB Percent23.9%, 35.3%, 92.9%
CMYK (approx.)74%, 62%, 0%, 7%

Related Palettes

12 palettes using #3D5AED or similar colors

#5AEB47#475AEB#EB475A#C1F7BA
#4758EB#EB4758#58EB47#BAC0F7
#EB4758#58EB47#4758EB#F7BAC0
#58EB47#4758EB#EB4758#C0F7BA
#EB4755#55EB47#4755EB#F7BABF
#55EB47#4755EB#EB4755#BFF7BA
#52EB47#4752EB#EB4752#BEF7BA
#63EB47#4763EB#EB4763#C4F7BA
#4763EB#EB4763#63EB47#BAC4F7
#4750EB#EB4750#50EB47#BABDF7
#4765EB#EB4765#65EB47#BAC5F7
#EB4765#65EB47#4765EB#F7BAC5