#226B80 Color

Color Information

HEX#226B80
RGB34, 107, 128
HSL193° , 58% , 32%
HSV193° , 73% , 50%
CMYK73%, 16%, 0%, 50%

Lighter Shades

#3D7D8F #578F9E #72A0AE #8CB2BD #A7C4CC #C1D6DB

Darker Shades

#1E5E71 #1A5161 #164452 #123843 #0E2B33 #0A1E24

Complementary Palette

#1D5C6E #226B80 #6F2F1D #813722 #935341 #418092

Analogous Palette

#2D6756 #33715F #206578 #226B80 #334471 #465477

Triadic Palette

#1E5E71 #226B80 #891A71 #973582 #71891A #637917

Split Complementary Palette

#1F6073 #226B80 #81223D #8E3850 #816622 #745C1F

Square Palette

#1D5A6C #226B80 #632A79 #793B2A #3D8122 #5C9545

Tetradic Palette

#1C5869 #226B80 #2E1490 #813722 #759014 #8EA43E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #226B80 contains 34 red, 107 green, and 128 blue.

Contrast Ratio: 6.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.48:1