#228CAC Color

Color Information

HEX#228CAC
RGB34, 140, 172
HSL194° , 67% , 40%
HSV194° , 80% , 67%
CMYK80%, 19%, 0%, 33%

Lighter Shades

#3D9AB6 #57A8C0 #72B5CA #8CC3D4 #A7D1DE #C1DFE8

Darker Shades

#1E7B97 #1A6A83 #165A6E #124959 #0E3845 #0A2730

Complementary Palette

#1D7894 #228CAC #92391D #AA4222 #B65C41 #419CB8

Analogous Palette

#328B73 #36967C #2084A2 #228CAC #365096 #4B609B

Triadic Palette

#1E7B97 #228CAC #B51790 #BE339D #90B517 #7F9F14

Split Complementary Palette

#1F7E9B #228CAC #AA2246 #B33859 #AA8622 #99791F

Square Palette

#1D7690 #228CAC #812CA0 #A0472C #46AA22 #64B845

Tetradic Palette

#1C738D #228CAC #380FBD #AA4222 #94BD0F #A7C93A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #228CAC contains 34 red, 140 green, and 172 blue.

Contrast Ratio: 3.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.48:1