#224BC5 Color

Color Information

HEX	#224BC5
RGB	34, 75, 197
HSL	225° , 71% , 45%
HSV	225° , 83% , 77%
CMYK	83%, 62%, 0%, 23%

Lighter Shades

#3D61CC #5776D3 #728CDA #8CA1E1 #A7B7E8 #C1CDEF

Darker Shades

#1E42AD #1A3996 #16307E #122766 #0E1E4F #0A1537

Complementary Palette

#1D41A9 #224BC5 #A9851C #C49B21 #CCA940 #4164CD

Analogous Palette

#33839E #3890AD #2047B9 #224BC5 #5538AD #644BAF

Triadic Palette

#1E42AD #224BC5 #D01644 #D6325A #44D016 #3CB713

Split Complementary Palette

#1F44B1 #224BC5 #C44A21 #CA5C37 #9BC421 #8CB01E

Square Palette

#1D3FA5 #224BC5 #B92D96 #B9962D #21C44A #45CD67

Tetradic Palette

#1C3EA2 #224BC5 #A60DD9 #C49B21 #40D90D #62E039

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #224BC5 contains 34 red, 75 green, and 197 blue.

Contrast Ratio: 7.4:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.84:1