#2E60EA

Vivid Blue

HEX

RGB

HSL

About #2E60EA Vivid Blue

#2E60EA is a vivid blue color. In the RGB color model, it is composed of 46 red, 96 green, and 234 blue. In the HSL color space, it has a hue of 224°, saturation of 82%, and lightness of 55%.

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

Beautiful Gradients

Color Properties

224°

Hue

82%

Saturation

55%

Lightness

Vivid Blue

Color Harmonies

Colors that work well with #2E60EA based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #2E60EA against white and black backgrounds.

Aa#2E60EA on White
Contrast Ratio5.28:1
AA AA Large AAA
Aa#2E60EA on Black
Contrast Ratio3.98:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #2E60EA across different color formats.

FormatValue
HEX#2E60EA
RGBrgb(46, 96, 234)
HSLhsl(224, 82%, 55%)
RGB Decimal46, 96, 234
RGB Percent18.0%, 37.6%, 91.8%
CMYK (approx.)80%, 59%, 0%, 8%

Related Palettes

12 palettes using #2E60EA or similar colors

#1E91AE#366AE3#8E76EF#E5BBF6
#2489A8#3965DF#9780E5#E3C2F0
#287BA4#3351E5#A384E1#E9C1F1
#178BB5#3B61DE#9A7EE7#E6C0F1
#1A87B2#3C5FDD#9E84E1#EABBF6
#2552F4#F4C725#F425B9#25F45F
#1FF94B#F91FCE#1F61F9#F9B81F
#F9B81F#1F61F9#1FF94B#F91FCE
#1F5DF9#F9BB1F#F91FCA#1FF94E
#1FF947#F91FD1#1F64F9#F9B41F
#1F59F9#F9BF1F#F91FC6#1FF952
#1FF944#F91FD5#1F68F9#F9B11F