#226D86 Color

Color Information

HEX#226D86
RGB34, 109, 134
HSL195° , 60% , 33%
HSV195° , 75% , 53%
CMYK75%, 19%, 0%, 47%

Lighter Shades

#3D7F95 #5790A3 #72A2B2 #8CB3C0 #A7C5CF #C1D6DD

Darker Shades

#1E6076 #1A5366 #164656 #123946 #0E2C36 #0A1F26

Complementary Palette

#1D5E73 #226D86 #74331D #873B22 #985641 #418197

Analogous Palette

#2E6B5C #327665 #20667E #226D86 #324376 #49567E

Triadic Palette

#1E6076 #226D86 #8F1972 #9C3583 #728F19 #647E16

Split Complementary Palette

#1F6279 #226D86 #87223B #93384F #876D22 #7A621F

Square Palette

#1D5C71 #226D86 #692A7E #7E3F2A #3B8722 #5A9A45

Tetradic Palette

#1C596E #226D86 #331396 #873B22 #759613 #8EA93D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #226D86 contains 34 red, 109 green, and 134 blue.

Contrast Ratio: 5.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.61:1