#282FF0

Vivid Blue

HEX

RGB

HSL

About #282FF0 Vivid Blue

#282FF0 is a vivid blue color. In the RGB color model, it is composed of 40 red, 47 green, and 240 blue. In the HSL color space, it has a hue of 238°, saturation of 87%, and lightness of 55%.

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

Beautiful Gradients

Color Properties

238°

Hue

87%

Saturation

55%

Lightness

Vivid Blue

Color Harmonies

Colors that work well with #282FF0 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #282FF0 against white and black backgrounds.

Aa#282FF0 on White
Contrast Ratio7.62:1
AA AA Large AAA
Aa#282FF0 on Black
Contrast Ratio2.76:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #282FF0 across different color formats.

FormatValue
HEX#282FF0
RGBrgb(40, 47, 240)
HSLhsl(238, 87%, 55%)
RGB Decimal40, 47, 240
RGB Percent15.7%, 18.4%, 94.1%
CMYK (approx.)83%, 80%, 0%, 6%

Related Palettes

12 palettes using #282FF0 or similar colors

#F42597#25F482#F4E925#252FF4
#F4ED25#252CF4#25F485#F42593
#F91F9B#1FF97E#F9EB1F#1F2EF9
#1FF97E#F91F9B#1F2EF9#F9EB1F
#1FF97A#F91F9E#1F31F9#F9E71F
#F9EE1F#1F2AF9#1FF981#F91F97
#1F35F9#F9E31F#F91FA2#1FF976
#1FF976#F91FA2#1F35F9#F9E31F
#F425A4#25F474#F4DB25#253DF4
#F9F21F#1F27F9#1FF985#F91F94
#1F39F9#F9E01F#F91FA6#1FF973
#1FF973#F91FA6#1F39F9#F9E01F