#10222D

Dark Blue

HEX

RGB

HSL

About #10222D Dark Blue

#10222D is a dark blue color. In the RGB color model, it is composed of 16 red, 34 green, and 45 blue. In the HSL color space, it has a hue of 203°, saturation of 48%, and lightness of 12%.

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

Color Properties

203°

Hue

48%

Saturation

12%

Lightness

Dark Blue

Color Harmonies

Colors that work well with #10222D based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #10222D against white and black backgrounds.

Aa#10222D on White
Contrast Ratio16.3:1
AA AA Large AAA
Aa#10222D on Black
Contrast Ratio1.29:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #10222D across different color formats.

FormatValue
HEX#10222D
RGBrgb(16, 34, 45)
HSLhsl(203, 48%, 12%)
RGB Decimal16, 34, 45
RGB Percent6.3%, 13.3%, 17.6%
CMYK (approx.)64%, 24%, 0%, 82%

Related Palettes

12 palettes using #10222D or similar colors

#0D2026#1E4652#366877#5A8491
#0D1F26#22424E#356678#468BA4
#0F1E24#283F48#366577#50869B
#102123#2A4446#32767B#4F979C
#102323#274849#3C7172#5C8E8F
#101E23#21424F#396474#4E869C
#0F1C24#273C49#2F5F7E#4280A8
#0D1A26#26394A#2F587E#4A77A1
#0D1A26#203A50#375976#527898
#112122#25494B#3E6D70#589093
#0F1B24#243A4D#2C5B81#3E7BAC
#0E1A25#2C3844#355878#3F77AB