#2D4AEB

Vivid Blue

HEX

RGB

HSL

About #2D4AEB Vivid Blue

#2D4AEB is a vivid blue color. In the RGB color model, it is composed of 45 red, 74 green, and 235 blue. In the HSL color space, it has a hue of 231°, saturation of 83%, 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

Use #2D4AEB in your CSS, SCSS, or Tailwind projects.

Color Properties

231°

Hue

83%

Saturation

55%

Lightness

Vivid Blue

Color Harmonies

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

Accessibility

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

Aa#2D4AEB on White
Contrast Ratio6.38:1
AA AA Large AAA
Aa#2D4AEB on Black
Contrast Ratio3.29:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #2D4AEB across different color formats.

FormatValue
HEX#2D4AEB
RGBrgb(45, 74, 235)
HSLhsl(231, 83%, 55%)
RGB Decimal45, 74, 235
RGB Percent17.6%, 29.0%, 92.2%
CMYK (approx.)81%, 69%, 0%, 8%

Related Palettes

12 palettes using #2D4AEB or similar colors

#287BA4#3351E5#A384E1#E9C1F1
#25F466#F425B2#254BF4#F4CE25
#F425AF#25F46A#F4D125#2547F4
#2552F4#F4C725#F425B9#25F45F
#F425A8#25F471#F4D825#2541F4
#F425A4#25F474#F4DB25#253DF4
#264DD9#6E52E0#BF7DE8#F0A8ED
#1F4BF9#F9CE1F#F91FB8#1FF961
#F91FB4#1FF964#F9D11F#1F47F9
#1F4EF9#F9CA1F#F91FBB#1FF95D
#F9D51F#1F44F9#1FF968#F91FB1
#1FF968#F91FB1#1F44F9#F9D51F