#60A2F1 Color

Color Information

HEX#60A2F1
RGB96, 162, 241
HSL213° , 84% , 66%
HSV213° , 60% , 95%
CMYK60%, 33%, 0%, 5%

Lighter Shades

#73ADF3 #86B8F4 #99C3F6 #ACCFF8 #BFDAF9 #D2E5FB

Darker Shades

#548FD4 #497BB7 #3D689A #32547D #264160 #1B2D43

Complementary Palette

#538BCF #60A2F1 #CF9752 #F1B05F #F3BB75 #76AFF3

Analogous Palette

#6DC6CA #71DAE0 #5A98E3 #60A2F1 #7671E0 #827DE3

Triadic Palette

#548FD4 #60A2F1 #FA57A0 #FB6BAB #A0FA57 #8DDC4D

Split Complementary Palette

#5692D9 #60A2F1 #F1675F #F2766F #EAF15F #D3D956

Square Palette

#5188CA #60A2F1 #E868E2 #E8AF68 #5FF167 #79F37F

Tetradic Palette

#4F85C6 #60A2F1 #B152FF #F1B05F #A0FF52 #B1FF71

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #60A2F1 contains 96 red, 162 green, and 241 blue.

Contrast Ratio: 2.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.04:1