#5C69A6 Color

Color Information

HEX	#5C69A6
RGB	92, 105, 166
HSL	229° , 29% , 51%
HSV	229° , 45% , 65%
CMYK	45%, 37%, 0%, 35%

Lighter Shades

#707BB1 #838DBB #979FC6 #AAB1D1 #BEC3DB #D1D5E6

Darker Shades

#515C92 #46507E #3B436A #303756 #252A42 #1A1D2E

Complementary Palette

#4F5A8F #5C69A6 #8F8451 #A6995E #B2A775 #737EB2

Analogous Palette

#667E8A #6F8995 #56639C #5C69A6 #7B6F95 #867B9D

Triadic Palette

#515C92 #5C69A6 #B35163 #BC6676 #63B351 #579E47

Split Complementary Palette

#535F95 #5C69A6 #A6755E #AF836E #8FA65E #819555

Square Palette

#4D588B #5C69A6 #9A6A8B #9A916A #5EA675 #78B48B

Tetradic Palette

#4B5688 #5C69A6 #A747BD #A6995E #5DBD47 #7AC968

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5C69A6 contains 92 red, 105 green, and 166 blue.

Contrast Ratio: 5.19:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.04:1