#0367DA

Vivid Blue

HEX

RGB

HSL

About #0367DA Vivid Blue

#0367DA is a vivid blue color. In the RGB color model, it is composed of 3 red, 103 green, and 218 blue. In the HSL color space, it has a hue of 212°, saturation of 97%, and lightness of 43%.

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 #0367DA in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

212°

Hue

97%

Saturation

43%

Lightness

Vivid Blue

Color Harmonies

Colors that work well with #0367DA based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #0367DA against white and black backgrounds.

Aa#0367DA on White
Contrast Ratio5.31:1
AA AA Large AAA
Aa#0367DA on Black
Contrast Ratio3.96:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #0367DA across different color formats.

FormatValue
HEX#0367DA
RGBrgb(3, 103, 218)
HSLhsl(212, 97%, 43%)
RGB Decimal3, 103, 218
RGB Percent1.2%, 40.4%, 85.5%
CMYK (approx.)99%, 53%, 0%, 15%

Related Palettes

12 palettes using #0367DA or similar colors

#1B1464#0652DD#12CBC4#FDA7DF
#1289A7#0652DD#1B1464#000000
#11EE99#16D0E9#1667E9#2408F7
#0FD2F0#1262ED#2E11EE#9E0DF2
#03FC98#01E5FE#1069EF#2A15EA
#0ADAF5#0B64F4#2409F6#9C07F8
#1375EC#0E02FD#8A13EC#FA05EE
#08F7AB#03CEFC#1759E8#3B13EC
#11C2EE#1856E7#3300FF#AD0EF1
#11EEAC#01CBFE#1956E6#3C0FF0
#02FD34#11EEAC#16BFE9#1053EF
#0CEFF3#127CED#0C08F7#8403FC