#28AAD6 Color

Color Information

HEX	#28AAD6
RGB	40, 170, 214
HSL	195° , 69% , 50%
HSV	195° , 81% , 84%
CMYK	81%, 21%, 0%, 16%

Lighter Shades

#42B4DB #5CBEE0 #75C9E5 #8FD3EA #A9DDEF #C3E7F4

Darker Shades

#2396BC #1E81A3 #1A6D89 #15586F #104456 #0B303C

Complementary Palette

#2292B8 #28AAD6 #B94822 #D75428 #DD6C46 #46B6DC

Analogous Palette

#3CAF92 #41BE9F #26A0C9 #28AAD6 #4160BE #506DC3

Triadic Palette

#2396BC #28AAD6 #E41BB2 #E736BB #B2E41B #9DC918

Split Complementary Palette

#2499C1 #28AAD6 #D72854 #DB3E65 #D7AB28 #C29A24

Square Palette

#228FB4 #28AAD6 #A534CB #CB5A34 #54D728 #6FDD4A

Tetradic Palette

#218BAF #28AAD6 #4811EE #D75428 #B7EE11 #C4F13C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #28AAD6 contains 40 red, 170 green, and 214 blue.

Contrast Ratio: 2.65:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.92:1