#28A5D7 Color

Color Information

HEX#28A5D7
RGB40, 165, 215
HSL197° , 69% , 50%
HSV197° , 81% , 84%
CMYK81%, 23%, 0%, 16%

Lighter Shades

#42B0DC #5CBBE1 #75C5E5 #8FD0EA #A9DBEF #C3E6F4

Darker Shades

#2391BD #1E7DA3 #1A6A8A #155670 #104256 #0B2E3C

Complementary Palette

#228EB9 #28A5D7 #B94D22 #D75928 #DD7046 #46B2DD

Analogous Palette

#3CAF96 #41BEA3 #269BCA #28A5D7 #415CBE #5069C3

Triadic Palette

#2391BD #28A5D7 #E41BAB #E736B5 #ABE41B #96C918

Split Complementary Palette

#2495C2 #28A5D7 #D7284E #DB3E60 #D7B128 #C29F24

Square Palette

#228BB5 #28A5D7 #AA34CB #CB5F34 #4ED728 #6ADD4A

Tetradic Palette

#2187B0 #28A5D7 #4F11EE #D75928 #B0EE11 #BEF13C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #28A5D7 contains 40 red, 165 green, and 215 blue.

Contrast Ratio: 2.78:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.55:1