#226DA0 Color

Color Information

HEX#226DA0
RGB34, 109, 160
HSL204° , 65% , 38%
HSV204° , 79% , 63%
CMYK79%, 32%, 0%, 37%

Lighter Shades

#3D7FAB #5790B7 #72A2C2 #8CB3CE #A7C5D9 #C1D6E4

Darker Shades

#1E608D #1A537A #164666 #123953 #0E2C40 #0A1F2D

Complementary Palette

#1D5E8A #226DA0 #8A481D #A05422 #AD6C41 #4181AD

Analogous Palette

#318179 #358D84 #206696 #226DA0 #353E8D #495192

Triadic Palette

#1E608D #226DA0 #AA186F #B43480 #6FAA18 #629615

Split Complementary Palette

#1F6290 #226DA0 #A0222F #AA3844 #A09322 #90841F

Square Palette

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

Tetradic Palette

#1C5983 #226DA0 #5110B1 #A05422 #71B110 #8BBF3B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #226DA0 contains 34 red, 109 green, and 160 blue.

Contrast Ratio: 5.57:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.77:1