#5CA5DA Color

Color Information

HEX#5CA5DA
RGB92, 165, 218
HSL205° , 63% , 61%
HSV205° , 58% , 85%
CMYK58%, 24%, 0%, 15%

Lighter Shades

#70B0DE #83BBE3 #97C5E7 #AAD0EC #BEDBF0 #D1E6F5

Darker Shades

#5191C0 #467DA6 #3B6A8C #305671 #254257 #1A2E3D

Complementary Palette

#4F8EBB #5CA5DA #BB7D50 #DA915D #DFA074 #73B2DF

Analogous Palette

#6BB3AD #71C6BF #569BCD #5CA5DA #7178C6 #7C82CB

Triadic Palette

#5191C0 #5CA5DA #E453A8 #E768B2 #A8E453 #94C949

Split Complementary Palette

#5395C4 #5CA5DA #DA5D67 #DE6D76 #DAD05D #C4BB54

Square Palette

#4D8BB7 #5CA5DA #C767D0 #D09367 #67DA5D #7FE077

Tetradic Palette

#4B87B3 #5CA5DA #8E4BEC #DA915D #A9EC4B #B8EF6B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5CA5DA contains 92 red, 165 green, and 218 blue.

Contrast Ratio: 2.64:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.96:1