#0348B0

Vivid Blue

HEX

RGB

HSL

About #0348B0 Vivid Blue

#0348B0 is a vivid blue color. In the RGB color model, it is composed of 3 red, 72 green, and 176 blue. In the HSL color space, it has a hue of 216°, saturation of 97%, and lightness of 35%.

This color has a low lightness value, making it a dark color great for text and bold accents. With high saturation, it appears vibrant and eye-catching.

CSS Code

Use #0348B0 in your CSS, SCSS, or Tailwind projects.

Color Properties

216°

Hue

97%

Saturation

35%

Lightness

Vivid Blue

Color Harmonies

Colors that work well with #0348B0 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #0348B0 against white and black backgrounds.

Aa#0348B0 on White
Contrast Ratio8.21:1
AA AA Large AAA
Aa#0348B0 on Black
Contrast Ratio2.56:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #0348B0 across different color formats.

FormatValue
HEX#0348B0
RGBrgb(3, 72, 176)
HSLhsl(216, 97%, 35%)
RGB Decimal3, 72, 176
RGB Percent1.2%, 28.2%, 69.0%
CMYK (approx.)98%, 59%, 0%, 31%

Related Palettes

12 palettes using #0348B0 or similar colors

#1954B3#4732E7#BD84E1#F6BBEF
#193AB3#6635E4#CD83E2#F6BCE5
#1B54B1#4731E7#C176EF#F0C1EB
#155BB7#493FD9#B982E3#F3BEF0
#1D52AF#5844D4#C081E4#F5BCEE
#1961B3#3A34E4#B67DE8#F6BBF4
#192EB3#763ADF#DC7AEB#F5BDE0
#2138AB#6F35E3#D57FE6#F6BCE2
#2550A7#5E46D2#C47EE7#F5BDEB
#1E2FAE#7B41D8#DB7DE8#F7BAE0
#1629B6#7A3FD9#DD7BEA#F6BBE0
#1C64B0#3B38E1#B484E1#F3BEF3