#60CAF5 Color

Color Information

HEX#60CAF5
RGB96, 202, 245
HSL197° , 88% , 67%
HSV197° , 61% , 96%
CMYK61%, 18%, 0%, 4%

Lighter Shades

#73D0F6 #86D7F7 #99DDF9 #ACE3FA #BFEAFB #D2F0FC

Darker Shades

#54B2D8 #499ABA #3D819D #32697F #265162 #1B3945

Complementary Palette

#53AED3 #60CAF5 #D37853 #F58B61 #F69B77 #76D1F6

Analogous Palette

#6FCEB9 #72E4CB #5ABEE6 #60CAF5 #728AE4 #7E95E7

Triadic Palette

#54B2D8 #60CAF5 #FD58CF #FD6CD5 #CFFD58 #B6DF4D

Split Complementary Palette

#56B6DD #60CAF5 #F56181 #F6718E #F5D561 #DDC057

Square Palette

#51AACE #60CAF5 #D069EC #EC8E69 #81F561 #95F77A

Tetradic Palette

#4FA6C9 #60CAF5 #8657FF #F58B61 #CFFF57 #D8FF75

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #60CAF5 contains 96 red, 202 green, and 245 blue.

Contrast Ratio: 1.84:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.39:1