#60AEC3 Color

Color Information

HEX#60AEC3
RGB96, 174, 195
HSL193° , 45% , 57%
HSV193° , 51% , 76%
CMYK51%, 11%, 0%, 24%

Lighter Shades

#73B8CA #86C1D1 #99CBD9 #ACD5E0 #BFDFE7 #D2E8EE

Darker Shades

#5499AC #498494 #3D6F7D #325A65 #26464E #1B3137

Complementary Palette

#5396A8 #60AEC3 #A86553 #C37560 #CB8876 #76B9CB

Analogous Palette

#70998E #76AD9D #5AA4B7 #60AEC3 #7685AD #8390B4

Triadic Palette

#5499AC #60AEC3 #CE55B4 #D469BD #B4CE55 #9EB54B

Split Complementary Palette

#569DB0 #60AEC3 #C3607C #C97089 #C3A760 #B09656

Square Palette

#5192A4 #60AEC3 #A26BB8 #B87C6B #7CC360 #91CD79

Tetradic Palette

#4F8FA0 #60AEC3 #6A4CD6 #C37560 #B8D64C #C5DD6C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #60AEC3 contains 96 red, 174 green, and 195 blue.

Contrast Ratio: 2.48:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.47:1