#5CA8DA Color

Color Information

HEX#5CA8DA
RGB92, 168, 218
HSL204° , 63% , 61%
HSV204° , 58% , 85%
CMYK58%, 23%, 0%, 15%

Lighter Shades

#70B2DE #83BDE3 #97C7E7 #AAD2EC #BEDCF0 #D1E7F5

Darker Shades

#5194C0 #4680A6 #3B6C8C #305771 #254357 #1A2F3D

Complementary Palette

#4F90BB #5CA8DA #BB7B50 #DA8F5D #DF9F74 #73B4DF

Analogous Palette

#6BB3AC #71C6BE #569ECD #5CA8DA #7179C6 #7C84CB

Triadic Palette

#5194C0 #5CA8DA #E453AA #E768B4 #AAE453 #96C949

Split Complementary Palette

#5397C4 #5CA8DA #DA5D69 #DE6D78 #DACE5D #C4B954

Square Palette

#4D8DB7 #5CA8DA #C667D0 #D09167 #69DA5D #81E077

Tetradic Palette

#4B8AB3 #5CA8DA #8B4BEC #DA8F5D #ACEC4B #BBEF6B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5CA8DA contains 92 red, 168 green, and 218 blue.

Contrast Ratio: 2.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.19:1