#2D49FB

Vivid Blue

HEX

RGB

HSL

About #2D49FB Vivid Blue

#2D49FB is a vivid blue color. In the RGB color model, it is composed of 45 red, 73 green, and 251 blue. In the HSL color space, it has a hue of 232°, saturation of 96%, 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 #2D49FB in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

232°

Hue

96%

Saturation

58%

Lightness

Vivid Blue

Color Harmonies

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

Accessibility

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

Aa#2D49FB on White
Contrast Ratio6.07:1
AA AA Large AAA
Aa#2D49FB on Black
Contrast Ratio3.46:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #2D49FB across different color formats.

FormatValue
HEX#2D49FB
RGBrgb(45, 73, 251)
HSLhsl(232, 96%, 58%)
RGB Decimal45, 73, 251
RGB Percent17.6%, 28.6%, 98.4%
CMYK (approx.)82%, 71%, 0%, 2%

Related Palettes

12 palettes using #2D49FB or similar colors

#F425AF#25F46A#F4D125#2547F4
#25F466#F425B2#254BF4#F4CE25
#F425A8#25F471#F4D825#2541F4
#2552F4#F4C725#F425B9#25F45F
#1F4BF9#F9CE1F#F91FB8#1FF961
#F91FB4#1FF964#F9D11F#1F47F9
#F9D51F#1F44F9#1FF968#F91FB1
#1FF968#F91FB1#1F44F9#F9D51F
#1F4EF9#F9CA1F#F91FBB#1FF95D
#1F44F9#F9D51F#F91FB1#1FF968
#F91FBB#1FF95D#F9CA1F#1F4EF9
#F9CA1F#1F4EF9#1FF95D#F91FBB