#28A4BC Color

Color Information

HEX#28A4BC
RGB40, 164, 188
HSL190° , 65% , 45%
HSV190° , 79% , 74%
CMYK79%, 13%, 0%, 26%

Lighter Shades

#42AFC4 #5CBACC #75C5D4 #8FD0DC #A9DBE4 #C3E6EC

Darker Shades

#2390A5 #1E7D8F #1A6978 #155562 #10424B #0B2E35

Complementary Palette

#228DA2 #28A4BC #A33822 #BD4128 #C65C46 #46B1C5

Analogous Palette

#3A9878 #3FA684 #269AB1 #28A4BC #3F62A6 #516EA9

Triadic Palette

#2390A5 #28A4BC #C91DAC #CF38B6 #ACC91D #97B11A

Split Complementary Palette

#2494A9 #28A4BC #BD285A #C43E6B #BD8C28 #AA7E24

Square Palette

#228A9E #28A4BC #8834B2 #B24934 #5ABD28 #74C84A

Tetradic Palette

#21869A #28A4BC #3314D2 #BD4128 #B2D214 #C0DA3E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #28A4BC contains 40 red, 164 green, and 188 blue.

Contrast Ratio: 2.91:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.23:1