#222CBB Color

Color Information

HEX#222CBB
RGB34, 44, 187
HSL236° , 69% , 43%
HSV236° , 82% , 73%
CMYK82%, 76%, 0%, 27%

Lighter Shades

#3D45C3 #575FCB #7278D3 #8C91DC #A7ABE4 #C1C4EC

Darker Shades

#1E27A5 #1A218E #161C78 #121761 #0E124B #0A0C34

Complementary Palette

#1D26A1 #222CBB #9F971D #B9AF22 #C3BA41 #414AC5

Analogous Palette

#336A94 #3875A3 #2029B0 #222CBB #6638A3 #744DA8

Triadic Palette

#1E27A5 #222CBB #C41723 #CB333D #23C417 #1FAC14

Split Complementary Palette

#1F28A8 #222CBB #B96422 #C07438 #78B922 #6CA71F

Square Palette

#1D259D #222CBB #AE2D76 #AEA62D #22B964 #45C47D

Tetradic Palette

#1C2499 #222CBB #C00ECD #B9AF22 #1BCD0E #44D639

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #222CBB contains 34 red, 44 green, and 187 blue.

Contrast Ratio: 10.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.08:1