midnightblue

#222A88

Cool

UI Preview

Pro

Conversions

RGB34, 42, 136
CMYK75, 69, 0, 47
HSL235°, 60%, 33%
LAB22, 24, -55
Closest Library Match
blue-90096% Match

Readability

11.96On WhitePASS AA
1.75On BlackFAIL

For optimal readability, use White text on this background.

Magic Gradients

subtle
Copy CSS
vibrant
Copy CSS
rich
Copy CSS

About #222A88

The hexadecimal color code #222A88 is a dark, moderate shade of Blue (known as midnightblue). In the RGB color model, #222A88 is comprised of 34 red, 42 green, and 136 blue. In the HSL color space, which is often used in digital design and color grading, it has a hue of 235 degrees, a saturation of 60%, and a lightness of 33%. This color has an approximate wavelength of 487 nm. The closest web-safe color is often utilized in web design, user interfaces (UI), and vector graphics to create moderate Blue atmospheres. Designers searching for Blue color schemes often pair this with its complementary color or use it as an accent against neutral backgrounds. It is commonly used in digital design for backgrounds, typography, and accent elements. When paired with its complementary color in the palette below, it creates a high-contrast visual hierarchy. Engineers can implement this color using the CSS hex code #222A88.

Vision Simulation

ProtanopiaRed-blind
DeuteranopiaGreen-blind
TritanopiaBlue-blind