#2D4CE6

Blue

HEX

RGB

HSL

About #2D4CE6 Blue

#2D4CE6 is a blue color. In the RGB color model, it is composed of 45 red, 76 green, and 230 blue. In the HSL color space, it has a hue of 230°, saturation of 79%, and lightness of 54%.

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

Use #2D4CE6 in your CSS, SCSS, or Tailwind projects.

Color Properties

230°

Hue

79%

Saturation

54%

Lightness

Blue

Color Harmonies

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

Accessibility

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

Aa#2D4CE6 on White
Contrast Ratio6.39:1
AA AA Large AAA
Aa#2D4CE6 on Black
Contrast Ratio3.29:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #2D4CE6 across different color formats.

FormatValue
HEX#2D4CE6
RGBrgb(45, 76, 230)
HSLhsl(230, 79%, 54%)
RGB Decimal45, 76, 230
RGB Percent17.6%, 29.8%, 90.2%
CMYK (approx.)80%, 67%, 0%, 10%

Related Palettes

12 palettes using #2D4CE6 or similar colors

#287BA4#3351E5#A384E1#E9C1F1
#264DD9#6E52E0#BF7DE8#F0A8ED
#25F466#F425B2#254BF4#F4CE25
#F425AF#25F46A#F4D125#2547F4
#2552F4#F4C725#F425B9#25F45F
#F425A8#25F471#F4D825#2541F4
#10B7EF#194CE6#4A14EB#BD04FB
#F425A4#25F474#F4DB25#253DF4
#11EEAC#01CBFE#1956E6#3C0FF0
#1F4BF9#F9CE1F#F91FB8#1FF961
#1F4EF9#F9CA1F#F91FBB#1FF95D
#1B66B1#3737E1#B37BEA#F6BBF6