#20A8BC Color

Color Information

HEX#20A8BC
RGB32, 168, 188
HSL188° , 71% , 43%
HSV188° , 83% , 74%
CMYK83%, 11%, 0%, 26%

Lighter Shades

#3BB2C4 #56BDCC #70C7D4 #8BD2DC #A6DCE4 #C1E7EC

Darker Shades

#1C94A5 #18808F #146C78 #115762 #0D434B #092F35

Complementary Palette

#1C90A2 #20A8BC #A22E1C #BC3520 #C5513F #3FB4C5

Analogous Palette

#329A74 #36A67D #1E9EB1 #20A8BC #365FA6 #4B6EAA

Triadic Palette

#1C94A5 #20A8BC #C615AF #CD31B9 #AFC615 #9AAE12

Split Complementary Palette

#1D97A9 #20A8BC #BC2059 #C3366A #BC8220 #A9751D

Square Palette

#1B8D9E #20A8BC #7F2BB1 #B13D2B #59BC20 #74C744

Tetradic Palette

#1A8A9A #20A8BC #260CCF #BC3520 #B5CF0C #C2D838

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #20A8BC contains 32 red, 168 green, and 188 blue.

Contrast Ratio: 2.8:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.49:1