#22176D
Blue
HEX
RGB
HSL
About #22176D Blue
#22176D is a blue color. In the RGB color model, it is composed of 34 red, 23 green, and 109 blue. In the HSL color space, it has a hue of 248°, saturation of 65%, and lightness of 26%.
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 #22176D in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.
Beautiful Gradients
Color Properties
248°
Hue
65%
Saturation
26%
Lightness
Blue
Color Harmonies
Colors that work well with #22176D based on color theory.
Accessibility
WCAG 2.1 contrast ratio of #22176D against white and black backgrounds.
Aa#22176D on White
Contrast Ratio14.88:1
AA ✓AA Large ✓AAA ✓
Aa#22176D on Black
Contrast Ratio1.41:1
AA ✗AA Large ✗AAA ✗
Color Conversion Table
Complete conversion of #22176D across different color formats.
| Format | Value |
|---|---|
| HEX | #22176D |
| RGB | rgb(34, 23, 109) |
| HSL | hsl(248, 65%, 26%) |
| RGB Decimal | 34, 23, 109 |
| RGB Percent | 13.3%, 9.0%, 42.7% |
| CMYK (approx.) | 69%, 79%, 0%, 57% |
Related Palettes
12 palettes using #22176D or similar colors