#226EA0 Color

Color Information

HEX#226EA0
RGB34, 110, 160
HSL204° , 65% , 38%
HSV204° , 79% , 63%
CMYK79%, 31%, 0%, 37%

Lighter Shades

#3D7FAB #5791B7 #72A2C2 #8CB4CE #A7C5D9 #C1D6E4

Darker Shades

#1E618D #1A547A #164666 #123953 #0E2C40 #0A1F2D

Complementary Palette

#1D5F8A #226EA0 #8A481D #A05422 #AD6C41 #4182AD

Analogous Palette

#318179 #358D84 #206796 #226EA0 #353E8D #495192

Triadic Palette

#1E618D #226EA0 #AA186F #B43480 #6FAA18 #629615

Split Complementary Palette

#1F6390 #226EA0 #A0222F #AA3844 #A09322 #90841F

Square Palette

#1D5C86 #226EA0 #8C2C96 #96562C #2FA022 #50AF45

Tetradic Palette

#1C5A83 #226EA0 #5110B1 #A05422 #71B110 #8BBF3B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #226EA0 contains 34 red, 110 green, and 160 blue.

Contrast Ratio: 5.5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.82:1