#24A5E5 Color

Color Information

HEX	#24A5E5
RGB	36, 165, 229
HSL	200° , 79% , 52%
HSV	200° , 84% , 90%
CMYK	84%, 28%, 0%, 10%

Lighter Shades

#3EB0E8 #59BBEB #73C5EE #8DD0F1 #A7DBF5 #C2E6F8

Darker Shades

#2091CA #1B7DAE #176A93 #135677 #0E425C #0A2E40

Complementary Palette

#1F8EC5 #24A5E5 #C5561F #E56424 #E97A43 #43B2E9

Analogous Palette

#3ABBA6 #3CCDB5 #229BD7 #24A5E5 #3C54CD #4D63D1

Triadic Palette

#2091CA #24A5E5 #F218A9 #F434B3 #A9F218 #95D515

Split Complementary Palette

#2095CE #24A5E5 #E52444 #E83A57 #E5C524 #CEB120

Square Palette

#1E8BC0 #24A5E5 #BD30D9 #D96830 #44E524 #62E947

Tetradic Palette

#1E87BC #24A5E5 #5D0EFB #E56424 #ACFB0E #BBFC39

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #24A5E5 contains 36 red, 165 green, and 229 blue.

Contrast Ratio: 2.73:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.69:1