#4124F9

Vivid Blue

HEX

RGB

HSL

About #4124F9 Vivid Blue

#4124F9 is a vivid blue color. In the RGB color model, it is composed of 65 red, 36 green, and 249 blue. In the HSL color space, it has a hue of 248°, saturation of 95%, and lightness of 56%.

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

Beautiful Gradients

Color Properties

248°

Hue

95%

Saturation

56%

Lightness

Vivid Blue

Color Harmonies

Colors that work well with #4124F9 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #4124F9 against white and black backgrounds.

Aa#4124F9 on White
Contrast Ratio7.38:1
AA AA Large AAA
Aa#4124F9 on Black
Contrast Ratio2.85:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #4124F9 across different color formats.

FormatValue
HEX#4124F9
RGBrgb(65, 36, 249)
HSLhsl(248, 95%, 56%)
RGB Decimal65, 36, 249
RGB Percent25.5%, 14.1%, 97.6%
CMYK (approx.)74%, 86%, 0%, 2%

Related Palettes

12 palettes using #4124F9 or similar colors

#401FF9#D9F91F#F91F6C#1FF9AD
#F91F6C#1FF9AD#D9F91F#401FF9
#1FF9B1#F91F68#441FF9#D5F91F
#D5F91F#441FF9#1FF9B1#F91F68
#DBF425#3D25F4#25F4A4#F42574
#DCF91F#3C1FF9#1FF9A9#F91F6F
#471FF9#D1F91F#F91F64#1FF9B4
#F91F64#1FF9B4#D1F91F#471FF9
#391FF9#E0F91F#F91F73#1FF9A6
#CEF91F#4B1FF9#1FF9B8#F91F61
#F91F5D#1FF9BB#CAF91F#4E1FF9
#1FF9BB#F91F5D#4E1FF9#CAF91F