#3A4BE9

Blue

HEX

RGB

HSL

About #3A4BE9 Blue

#3A4BE9 is a blue color. In the RGB color model, it is composed of 58 red, 75 green, and 233 blue. In the HSL color space, it has a hue of 234°, saturation of 80%, and lightness of 57%.

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

Use #3A4BE9 in your CSS, SCSS, or Tailwind projects.

Color Properties

234°

Hue

80%

Saturation

57%

Lightness

Blue

Color Harmonies

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

Accessibility

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

Aa#3A4BE9 on White
Contrast Ratio6.24:1
AA AA Large AAA
Aa#3A4BE9 on Black
Contrast Ratio3.36:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #3A4BE9 across different color formats.

FormatValue
HEX#3A4BE9
RGBrgb(58, 75, 233)
HSLhsl(234, 80%, 57%)
RGB Decimal58, 75, 233
RGB Percent22.7%, 29.4%, 91.4%
CMYK (approx.)75%, 68%, 0%, 9%

Related Palettes

12 palettes using #3A4BE9 or similar colors

#287BA4#3351E5#A384E1#E9C1F1
#4AEB47#474AEB#EB474A#BBF7BA
#EB474A#4AEB47#474AEB#F7BABB
#4DEB47#474DEB#EB474D#BCF7BA
#474DEB#EB474D#4DEB47#BABCF7
#EB4747#47EB47#4747EB#F7BABA
#47EB47#4747EB#EB4747#BAF7BA
#4750EB#EB4750#50EB47#BABDF7
#52EB47#4752EB#EB4752#BEF7BA
#286EA4#3E49DA#AB7AEB#EEC0F1
#2268C3#4547DE#A579E7#E4ADF0
#EB4755#55EB47#4755EB#F7BABF