#18222F

Dark Blue

HEX

RGB

HSL

About #18222F Dark Blue

#18222F is a dark blue color. In the RGB color model, it is composed of 24 red, 34 green, and 47 blue. In the HSL color space, it has a hue of 214°, saturation of 32%, and lightness of 14%.

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 #18222F in your CSS, SCSS, or Tailwind projects.

Color Properties

214°

Hue

32%

Saturation

14%

Lightness

Dark Blue

Color Harmonies

Colors that work well with #18222F based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #18222F against white and black backgrounds.

Aa#18222F on White
Contrast Ratio16.05:1
AA AA Large AAA
Aa#18222F on Black
Contrast Ratio1.31:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #18222F across different color formats.

FormatValue
HEX#18222F
RGBrgb(24, 34, 47)
HSLhsl(214, 32%, 14%)
RGB Decimal24, 34, 47
RGB Percent9.4%, 13.3%, 18.4%
CMYK (approx.)49%, 28%, 0%, 82%

Related Palettes

12 palettes using #18222F or similar colors

#1B2430#51557E#816797#D6D5A8
#1B262C#0F4C75#3282B8#BBE1FA
#1A1A2E#16213E#0F3460#E94560
#0B0B0D#1A1A2E#E94560#FFBD39
#222831#393E46#00ADB5#EEEEEE
#0F1E24#283F48#366577#50869B
#112122#25494B#3E6D70#589093
#0F1C24#273C49#2F5F7E#4280A8
#0F1B24#243A4D#2C5B81#3E7BAC
#08D9D6#252A34#FF2E63#EAEAEA
#122120#2A4645#3D716E#4B9F9B
#0D1A26#26394A#2F587E#4A77A1