#3149B4

Blue

HEX

RGB

HSL

About #3149B4 Blue

#3149B4 is a blue color. In the RGB color model, it is composed of 49 red, 73 green, and 180 blue. In the HSL color space, it has a hue of 229°, saturation of 57%, and lightness of 45%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

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

Beautiful Gradients

Color Properties

229°

Hue

57%

Saturation

45%

Lightness

Blue

Color Harmonies

Colors that work well with #3149B4 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #3149B4 against white and black backgrounds.

Aa#3149B4 on White
Contrast Ratio7.66:1
AA AA Large AAA
Aa#3149B4 on Black
Contrast Ratio2.74:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #3149B4 across different color formats.

FormatValue
HEX#3149B4
RGBrgb(49, 73, 180)
HSLhsl(229, 57%, 45%)
RGB Decimal49, 73, 180
RGB Percent19.2%, 28.6%, 70.6%
CMYK (approx.)73%, 59%, 0%, 29%

Related Palettes

12 palettes using #3149B4 or similar colors

#0F0E25#2C2C45#3F3E6F#3E3DAE
#2550A7#5E46D2#C47EE7#F5BDEB
#111322#24284D#363D77#424CA9
#2248C3#6145DE#BB79E7#F0ADEF
#2250C3#5945DE#B579E7#EEADF0
#1D52AF#5844D4#C081E4#F5BCEE
#101023#23224E#2D2C82#4442A9
#2240C3#6845DE#C179E7#F0ADEC
#0E1525#2A3246#31467C#3D5DAD
#2255C3#5445DE#B279E7#ECADF0
#1B54B1#4731E7#C176EF#F0C1EB
#2138AB#6F35E3#D57FE6#F6BCE2