#024DE2

Vivid Blue

HEX

RGB

HSL

About #024DE2 Vivid Blue

#024DE2 is a vivid blue color. In the RGB color model, it is composed of 2 red, 77 green, and 226 blue. In the HSL color space, it has a hue of 220°, saturation of 98%, and lightness of 45%.

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

Beautiful Gradients

Color Properties

220°

Hue

98%

Saturation

45%

Lightness

Vivid Blue

Color Harmonies

Colors that work well with #024DE2 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #024DE2 against white and black backgrounds.

Aa#024DE2 on White
Contrast Ratio6.64:1
AA AA Large AAA
Aa#024DE2 on Black
Contrast Ratio3.16:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #024DE2 across different color formats.

FormatValue
HEX#024DE2
RGBrgb(2, 77, 226)
HSLhsl(220, 98%, 45%)
RGB Decimal2, 77, 226
RGB Percent0.8%, 30.2%, 88.6%
CMYK (approx.)99%, 66%, 0%, 11%

Related Palettes

12 palettes using #024DE2 or similar colors

#1B1464#0652DD#12CBC4#FDA7DF
#1289A7#0652DD#1B1464#000000
#19E646#13ECAF#07C4F8#0D4EF2
#02FD34#11EEAC#16BFE9#1053EF
#0DB9F2#144AEB#450AF5#B514EB
#1451EB#3903FC#B00FF0#FB04C6
#07BCF8#0B45F4#470EF1#B613EC
#0FF04B#14EBB9#12B3ED#1647E9
#1647E9#4706F9#B717E8#EB14B2
#10B7EF#194CE6#4A14EB#BD04FB
#11C2EE#1856E7#3300FF#AD0EF1
#08F7AB#03CEFC#1759E8#3B13EC