#222BA8 Color

Color Information

HEX#222BA8
RGB34, 43, 168
HSL236° , 66% , 40%
HSV236° , 80% , 66%
CMYK80%, 74%, 0%, 34%

Lighter Shades

#3D44B2 #575EBD #7277C7 #8C91D2 #A7AADC #C1C4E7

Darker Shades

#1E2694 #1A2180 #161C6C #121657 #0E1143 #0A0C2F

Complementary Palette

#1D2590 #222BA8 #918A1E #A9A023 #B5AD42 #4149B4

Analogous Palette

#33648A #376C95 #20289E #222BA8 #603795 #6E4C9A

Triadic Palette

#1E2694 #222BA8 #B41823 #BD343D #23B418 #1F9E15

Split Complementary Palette

#1F2797 #222BA8 #A95D23 #B26D39 #6FA923 #649820

Square Palette

#1D248D #222BA8 #9F2D6E #9F982D #23A95D #46B777

Tetradic Palette

#1C238A #222BA8 #B010BC #A9A023 #1CBC10 #45C83B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #222BA8 contains 34 red, 43 green, and 168 blue.

Contrast Ratio: 10.98:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 1.91:1