#2D59EB

Vivid Blue

HEX

RGB

HSL

About #2D59EB Vivid Blue

#2D59EB is a vivid blue color. In the RGB color model, it is composed of 45 red, 89 green, and 235 blue. In the HSL color space, it has a hue of 226°, 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 & Gradients

Use #2D59EB in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

226°

Hue

83%

Saturation

55%

Lightness

Vivid Blue

Color Harmonies

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

Accessibility

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

Aa#2D59EB on White
Contrast Ratio5.61:1
AA AA Large AAA
Aa#2D59EB on Black
Contrast Ratio3.74:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #2D59EB across different color formats.

FormatValue
HEX#2D59EB
RGBrgb(45, 89, 235)
HSLhsl(226, 83%, 55%)
RGB Decimal45, 89, 235
RGB Percent17.6%, 34.9%, 92.2%
CMYK (approx.)81%, 62%, 0%, 8%

Related Palettes

12 palettes using #2D59EB or similar colors

#287BA4#3351E5#A384E1#E9C1F1
#2552F4#F4C725#F425B9#25F45F
#25F466#F425B2#254BF4#F4CE25
#1F59F9#F9BF1F#F91FC6#1FF952
#F91FC3#1FF956#F9C31F#1F56F9
#1F5DF9#F9BB1F#F91FCA#1FF94E
#178BB5#3B61DE#9A7EE7#E6C0F1
#2489A8#3965DF#9780E5#E3C2F0
#1E91AE#366AE3#8E76EF#E5BBF6
#11EEAC#01CBFE#1956E6#3C0FF0
#F9C61F#1F52F9#1FF959#F91FBF
#1F52F9#F9C61F#F91FBF#1FF959