#2F46DA

Blue

HEX

RGB

HSL

About #2F46DA Blue

#2F46DA is a blue color. In the RGB color model, it is composed of 47 red, 70 green, and 218 blue. In the HSL color space, it has a hue of 232°, saturation of 70%, and lightness of 52%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code

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

Color Properties

232°

Hue

70%

Saturation

52%

Lightness

Blue

Color Harmonies

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

Accessibility

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

Aa#2F46DA on White
Contrast Ratio6.98:1
AA AA Large AAA
Aa#2F46DA on Black
Contrast Ratio3.01:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #2F46DA across different color formats.

FormatValue
HEX#2F46DA
RGBrgb(47, 70, 218)
HSLhsl(232, 70%, 52%)
RGB Decimal47, 70, 218
RGB Percent18.4%, 27.5%, 85.5%
CMYK (approx.)78%, 68%, 0%, 15%

Related Palettes

12 palettes using #2F46DA or similar colors

#264DD9#6E52E0#BF7DE8#F0A8ED
#287BA4#3351E5#A384E1#E9C1F1
#1B66B1#3737E1#B37BEA#F6BBF6
#1C64B0#3B38E1#B484E1#F3BEF3
#2662A6#423DDC#B681E4#F5BCF3
#1961B3#3A34E4#B67DE8#F6BBF4
#10B7EF#194CE6#4A14EB#BD04FB
#155BB7#493FD9#B982E3#F3BEF0
#F425AF#25F46A#F4D125#2547F4
#25F466#F425B2#254BF4#F4CE25
#F425A8#25F471#F4D825#2541F4
#1A87B2#3C5FDD#9E84E1#EABBF6