#394A89

Blue

HEX

RGB

HSL

About #394A89 Blue

#394A89 is a blue color. In the RGB color model, it is composed of 57 red, 74 green, and 137 blue. In the HSL color space, it has a hue of 227°, saturation of 41%, and lightness of 38%.

This color has a low lightness value, making it a dark color great for text and bold accents. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

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

Beautiful Gradients

Color Properties

227°

Hue

41%

Saturation

38%

Lightness

Blue

Color Harmonies

Colors that work well with #394A89 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #394A89 against white and black backgrounds.

Aa#394A89 on White
Contrast Ratio8.35:1
AA AA Large AAA
Aa#394A89 on Black
Contrast Ratio2.51:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #394A89 across different color formats.

FormatValue
HEX#394A89
RGBrgb(57, 74, 137)
HSLhsl(227, 41%, 38%)
RGB Decimal57, 74, 137
RGB Percent22.4%, 29.0%, 53.7%
CMYK (approx.)58%, 46%, 0%, 46%

Related Palettes

12 palettes using #394A89 or similar colors

#111222#1F2247#323767#3B4291
#0E1425#1B274B#243875#374E95
#111522#212945#2B3A6E#435289
#121721#202F50#32487B#4161A9
#0E1525#2A3246#31467C#3D5DAD
#121122#252343#373465#484488
#111522#2B3145#30427D#576594
#0F1624#202F50#364B78#4363A8
#3B4777#5E5B95#8D7EAF#B7A5C5
#38567B#5F6990#7774B9#AB9DCD
#0D1326#2B3145#374677#5B6790
#0F1724#293547#365077#406BAB