#60A3FF Color

Color Information

HEX#60A3FF
RGB96, 163, 255
HSL215° , 100% , 69%
HSV215° , 62% , 100%
CMYK62%, 36%, 0%, 0%

Lighter Shades

#73AEFF #86B9FF #99C4FF #ACCFFF #BFDAFF #D2E5FF

Darker Shades

#548FE0 #497CC2 #3D68A3 #325585 #264166 #1B2E47

Complementary Palette

#538CDB #60A3FF #DBA353 #FFBD61 #FFC677 #76B0FF

Analogous Palette

#6ED0D8 #71E5EF #5A99F0 #60A3FF #7B71EF #887EF1

Triadic Palette

#548FE0 #60A3FF #FF61A3 #FF74AE #A3FF61 #8FE055

Split Complementary Palette

#5693E6 #60A3FF #FF6E61 #FF7D71 #F2FF61 #DAE657

Square Palette

#5189D6 #60A3FF #F769EB #F7BC69 #61FF6E #7AFF85

Tetradic Palette

#4F86D1 #60A3FF #BD61FF #FFBD61 #A3FF61 #B4FF7D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #60A3FF contains 96 red, 163 green, and 255 blue.

Contrast Ratio: 2.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.28:1