#2284C5 Color

Color Information

HEX#2284C5
RGB34, 132, 197
HSL204° , 71% , 45%
HSV204° , 83% , 77%
CMYK83%, 33%, 0%, 23%

Lighter Shades

#3D93CC #57A2D3 #72B0DA #8CBFE1 #A7CEE8 #C1DDEF

Darker Shades

#1E74AD #1A6496 #16547E #124566 #0E354F #0A2537

Complementary Palette

#1D72A9 #2284C5 #A9541C #C46221 #CC7840 #4195CD

Analogous Palette

#339E93 #38ADA2 #207CB9 #2284C5 #3844AD #4B55AF

Triadic Palette

#1E74AD #2284C5 #D01685 #D63294 #85D016 #75B713

Split Complementary Palette

#1F77B1 #2284C5 #C42132 #CA3747 #C4B421 #B0A21E

Square Palette

#1D6FA5 #2284C5 #AB2DB9 #B9652D #32C421 #53CD45

Tetradic Palette

#1C6CA2 #2284C5 #5E0DD9 #C46221 #87D90D #9DE039

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2284C5 contains 34 red, 132 green, and 197 blue.

Contrast Ratio: 4.02:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.23:1