#3C4667

Muted Blue

HEX

RGB

HSL

About #3C4667 Muted Blue

#3C4667 is a muted blue color. In the RGB color model, it is composed of 60 red, 70 green, and 103 blue. In the HSL color space, it has a hue of 226°, saturation of 26%, and lightness of 32%.

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

CSS Code

Use #3C4667 in your CSS, SCSS, or Tailwind projects.

Color Properties

226°

Hue

26%

Saturation

32%

Lightness

Muted Blue

Color Harmonies

Colors that work well with #3C4667 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #3C4667 against white and black backgrounds.

Aa#3C4667 on White
Contrast Ratio9.28:1
AA AA Large AAA
Aa#3C4667 on Black
Contrast Ratio2.26:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #3C4667 across different color formats.

FormatValue
HEX#3C4667
RGBrgb(60, 70, 103)
HSLhsl(226, 26%, 32%)
RGB Decimal60, 70, 103
RGB Percent23.5%, 27.5%, 40.4%
CMYK (approx.)42%, 32%, 0%, 60%

Related Palettes

12 palettes using #3C4667 or similar colors

#374762#555C90#857EB4#BBADD2
#374562#5B5F8B#8981B1#BCAFD0
#364763#59608D#817AB8#BBB0CF
#374862#535D92#7F79B9#BBAFCF
#131320#23254D#42436C#4D509D
#3B465E#595C8C#8A81B1#BDAFCF
#344B65#5A658C#7977BB#B8AFCF
#324767#535C93#8079B9#BBB1CD
#344D65#566490#8484AE#B9B2CC
#E4DCCF#F2DDA4#7EB5A6#413C69
#364F6B#3FC1C9#F5F5F5#FC5185
#34495E#2C3E50#ECF0F1#BDC3C7