#22374E

Dark Blue

HEX

RGB

HSL

About #22374E Dark Blue

#22374E is a dark blue color. In the RGB color model, it is composed of 34 red, 55 green, and 78 blue. In the HSL color space, it has a hue of 211°, saturation of 39%, and lightness of 22%.

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 #22374E in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

211°

Hue

39%

Saturation

22%

Lightness

Dark Blue

Color Harmonies

Colors that work well with #22374E based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #22374E against white and black backgrounds.

Aa#22374E on White
Contrast Ratio12.18:1
AA AA Large AAA
Aa#22374E on Black
Contrast Ratio1.72:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #22374E across different color formats.

FormatValue
HEX#22374E
RGBrgb(34, 55, 78)
HSLhsl(211, 39%, 22%)
RGB Decimal34, 55, 78
RGB Percent13.3%, 21.6%, 30.6%
CMYK (approx.)56%, 29%, 0%, 69%

Related Palettes

12 palettes using #22374E or similar colors

#0D1826#23364E#3C5472#3C70AF
#101823#23354D#3A5373#3E6EAD
#101A23#213A4F#395A74#577894
#0F1B24#243A4D#2C5B81#3E7BAC
#0D1A26#203A50#375976#527898
#131820#21334F#455369#596F91
#27374D#526D82#9DB2BF#DDE6ED
#0D1A26#26394A#2F587E#4A77A1
#111B22#213D4F#3A5C74#507D9B
#131B20#263B4A#345C79#507C9B
#121B21#243E4D#356078#3E84AC
#121721#1F3151#3E4F70#4D699E