#60A4E3 Color

Color Information

HEX#60A4E3
RGB96, 164, 227
HSL209° , 70% , 63%
HSV209° , 58% , 89%
CMYK58%, 28%, 0%, 11%

Lighter Shades

#73AFE6 #86BAEA #99C5ED #ACD0F0 #BFDBF4 #D2E6F7

Darker Shades

#5490C8 #497DAD #3D6991 #325576 #26425B #1B2E40

Complementary Palette

#538DC3 #60A4E3 #C38852 #E39E5F #E7AC75 #76B1E7

Analogous Palette

#6CBCBA #71D0CE #5A9AD5 #60A4E3 #7173D0 #7D7ED4

Triadic Palette

#5490C8 #60A4E3 #EC55A3 #EE69AE #A3EC55 #8FD04B

Split Complementary Palette

#5694CC #60A4E3 #E35F61 #E66F71 #E3E05F #CCCA56

Square Palette

#518ABF #60A4E3 #D768D9 #D99F68 #61E35F #7AE779

Tetradic Palette

#4F86BA #60A4E3 #9E4EF4 #E39E5F #A3F44E #B4F66E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #60A4E3 contains 96 red, 164 green, and 227 blue.

Contrast Ratio: 2.62:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.03:1