#402EAF

Blue

HEX

RGB

HSL

About #402EAF Blue

#402EAF is a blue color. In the RGB color model, it is composed of 64 red, 46 green, and 175 blue. In the HSL color space, it has a hue of 248°, saturation of 58%, and lightness of 43%.

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 & Gradients

Use #402EAF in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

248°

Hue

58%

Saturation

43%

Lightness

Blue

Color Harmonies

Colors that work well with #402EAF based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #402EAF against white and black backgrounds.

Aa#402EAF on White
Contrast Ratio9.43:1
AA AA Large AAA
Aa#402EAF on Black
Contrast Ratio2.23:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #402EAF across different color formats.

FormatValue
HEX#402EAF
RGBrgb(64, 46, 175)
HSLhsl(248, 58%, 43%)
RGB Decimal64, 46, 175
RGB Percent25.1%, 18.0%, 68.6%
CMYK (approx.)63%, 74%, 0%, 31%

Related Palettes

12 palettes using #402EAF or similar colors

#3A27A5#A734E4#E67FD6#F4BED1
#0F0E25#2C2C45#3F3E6F#3E3DAE
#3A20AC#AB38E0#EC79D7#F2BFCF
#3B1FAD#AD3BDE#E97CD3#F4BDCE
#3628A4#A037E2#E184D6#F1C1D3
#3425A7#9F3CDC#E184D6#F6BCD2
#111023#242051#362F7E#473EAD
#141122#22184E#3E3564#432F9D
#4E23A9#C03BDD#E87DC6#F4BDC7
#461CB0#B643D6#E580C8#F2BFCA
#101023#23224E#2D2C82#4442A9
#2F21AB#9E35E4#EE77E2#F5BCD3