#224C86 Color

Color Information

HEX#224C86
RGB34, 76, 134
HSL215° , 60% , 33%
HSV215° , 75% , 53%
CMYK75%, 43%, 0%, 47%

Lighter Shades

#3D6195 #5777A3 #728CB2 #8CA2C0 #A7B7CF #C1CDDD

Darker Shades

#1E4376 #1A3A66 #163156 #122846 #0E1E36 #0A1526

Complementary Palette

#1D4173 #224C86 #74501D #875D22 #987441 #416597

Analogous Palette

#2E666B #327076 #20477E #224C86 #383276 #4D497E

Triadic Palette

#1E4376 #224C86 #8F194A #9C3560 #4A8F19 #417E16

Split Complementary Palette

#1F4479 #224C86 #872A22 #933F38 #7E8722 #717A1F

Square Palette

#1D4071 #224C86 #7E2A77 #7E5B2A #22872A #459A4C

Tetradic Palette

#1C3E6E #224C86 #5F1396 #875D22 #499613 #6AA93D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #224C86 contains 34 red, 76 green, and 134 blue.

Contrast Ratio: 8.76:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.4:1