#386B94

Blue

HEX

RGB

HSL

About #386B94 Blue

#386B94 is a blue color. In the RGB color model, it is composed of 56 red, 107 green, and 148 blue. In the HSL color space, it has a hue of 207°, saturation of 45%, and lightness of 40%.

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

Use #386B94 in your CSS, SCSS, or Tailwind projects.

Color Properties

207°

Hue

45%

Saturation

40%

Lightness

Blue

Color Harmonies

Colors that work well with #386B94 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #386B94 against white and black backgrounds.

Aa#386B94 on White
Contrast Ratio5.68:1
AA AA Large AAA
Aa#386B94 on Black
Contrast Ratio3.7:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #386B94 across different color formats.

FormatValue
HEX#386B94
RGBrgb(56, 107, 148)
HSLhsl(207, 45%, 40%)
RGB Decimal56, 107, 148
RGB Percent22.0%, 42.0%, 58.0%
CMYK (approx.)62%, 28%, 0%, 42%

Related Palettes

12 palettes using #386B94 or similar colors

#0C1827#1F3047#254774#40618C
#CAD3C8#8B9DC3#3B5998#DFE3EE
#121721#1E2F52#3C4E71#4967A1
#385A61#4B789A#7D8FB5#ACAED3
#0F1624#202F50#364B78#4363A8
#DFF6FF#47B5FF#256D85#06283D
#0F1724#293547#365077#406BAB
#111A22#293847#3E576F#4C759F
#121721#202F50#32487B#4161A9
#0D1A26#26394A#2F587E#4A77A1
#37627B#4D6EA2#6E78BF#A29DCD
#3D4C5C#506096#7A79B9#B7ADD1