#226DBE Color

Color Information

HEX#226DBE
RGB34, 109, 190
HSL211° , 70% , 44%
HSV211° , 82% , 75%
CMYK82%, 43%, 0%, 25%

Lighter Shades

#3D7FC6 #5790CE #72A2D5 #8CB3DD #A7C5E5 #C1D6ED

Darker Shades

#1E60A7 #1A5390 #16467A #123963 #0E2C4C #0A1F35

Complementary Palette

#1D5EA3 #226DBE #A4631D #BF7322 #C88741 #4181C7

Analogous Palette

#349B9D #38A6A8 #2066B3 #226DBE #3A38A8 #4F4DAC

Triadic Palette

#1E60A7 #226DBE #CA166D #D0327F #6DCA16 #60B213

Split Complementary Palette

#1F62AB #226DBE #BF2422 #C53A38 #BCBF22 #A9AC1F

Square Palette

#1D5CA0 #226DBE #B42DB1 #B4722D #22BF24 #45C947

Tetradic Palette

#1C599C #226DBE #730DD3 #BF7322 #6DD30D #87DB39

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #226DBE contains 34 red, 109 green, and 190 blue.

Contrast Ratio: 5.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.01:1