#374DF2

Vivid Blue

HEX

RGB

HSL

About #374DF2 Vivid Blue

#374DF2 is a vivid blue color. In the RGB color model, it is composed of 55 red, 77 green, and 242 blue. In the HSL color space, it has a hue of 233°, saturation of 88%, and lightness of 58%.

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

Beautiful Gradients

Color Properties

233°

Hue

88%

Saturation

58%

Lightness

Vivid Blue

Color Harmonies

Colors that work well with #374DF2 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #374DF2 against white and black backgrounds.

Aa#374DF2 on White
Contrast Ratio5.99:1
AA AA Large AAA
Aa#374DF2 on Black
Contrast Ratio3.51:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #374DF2 across different color formats.

FormatValue
HEX#374DF2
RGBrgb(55, 77, 242)
HSLhsl(233, 88%, 58%)
RGB Decimal55, 77, 242
RGB Percent21.6%, 30.2%, 94.9%
CMYK (approx.)77%, 68%, 0%, 5%

Related Palettes

12 palettes using #374DF2 or similar colors

#287BA4#3351E5#A384E1#E9C1F1
#4DEB47#474DEB#EB474D#BCF7BA
#474DEB#EB474D#4DEB47#BABCF7
#4AEB47#474AEB#EB474A#BBF7BA
#4750EB#EB4750#50EB47#BABDF7
#EB474A#4AEB47#474AEB#F7BABB
#52EB47#4752EB#EB4752#BEF7BA
#25F466#F425B2#254BF4#F4CE25
#EB4747#47EB47#4747EB#F7BABA
#47EB47#4747EB#EB4747#BAF7BA
#2552F4#F4C725#F425B9#25F45F
#F425AF#25F46A#F4D125#2547F4