#224DB2 Color

Color Information

HEX	#224DB2
RGB	34, 77, 178
HSL	222° , 68% , 42%
HSV	222° , 81% , 70%
CMYK	81%, 57%, 0%, 30%

Lighter Shades

#3D62BB #5778C4 #728DCE #8CA2D7 #A7B8E0 #C1CDE9

Darker Shades

#1E449D #1A3B87 #163172 #12285D #0E1F47 #0A1632

Complementary Palette

#1D4299 #224DB2 #9B751D #B48822 #BF9941 #4166BD

Analogous Palette

#338194 #388A9F #2048A7 #224DB2 #4C389F #5E4DA3

Triadic Palette

#1E449D #224DB2 #BF184A #C73460 #4ABF18 #41A815

Split Complementary Palette

#1F45A0 #224DB2 #B43F22 #BC5238 #97B422 #88A21F

Square Palette

#1D4196 #224DB2 #A92D90 #A9842D #22B43F #45C05E

Tetradic Palette

#1C3F92 #224DB2 #900FC7 #B48822 #46C70F #67D13A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #224DB2 contains 34 red, 77 green, and 178 blue.

Contrast Ratio: 7.69:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.73:1