#2D7FF0

Vivid Blue

HEX

RGB

HSL

About #2D7FF0 Vivid Blue

#2D7FF0 is a vivid blue color. In the RGB color model, it is composed of 45 red, 127 green, and 240 blue. In the HSL color space, it has a hue of 215°, saturation of 87%, 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 #2D7FF0 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

215°

Hue

87%

Saturation

56%

Lightness

Vivid Blue

Color Harmonies

Colors that work well with #2D7FF0 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #2D7FF0 against white and black backgrounds.

Aa#2D7FF0 on White
Contrast Ratio3.88:1
AA AA Large AAA
Aa#2D7FF0 on Black
Contrast Ratio5.41:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #2D7FF0 across different color formats.

FormatValue
HEX#2D7FF0
RGBrgb(45, 127, 240)
HSLhsl(215, 87%, 56%)
RGB Decimal45, 127, 240
RGB Percent17.6%, 49.8%, 94.1%
CMYK (approx.)81%, 47%, 0%, 6%

Related Palettes

12 palettes using #2D7FF0 or similar colors

#257EF4#F49A25#F425E6#25F433
#2589F4#F49025#F425F0#25F428
#F99B1F#1F7EF9#1FF92E#F91FEB
#1FF92A#F91FEE#1F81F9#F9971F
#1F81F9#F9971F#F91FEE#1FF92A
#F9971F#1F81F9#1FF92A#F91FEE
#F91FEE#1FF92A#F9971F#1F81F9
#15A4B7#3578E3#8B80E5#DFC0F1
#1FF931#F91FE7#1F7AF9#F99E1F
#1F7AF9#F99E1F#F91FE7#1FF931
#F91FF2#1FF927#F9941F#1F85F9
#F91FE3#1FF935#F9A21F#1F76F9