#6CA7E4 Color

Color Information

HEX#6CA7E4
RGB108, 167, 228
HSL211° , 69% , 66%
HSV211° , 53% , 89%
CMYK53%, 27%, 0%, 11%

Lighter Shades

#7EB2E7 #8FBCEA #A1C7EE #B3D1F1 #C4DCF4 #D6E6F7

Darker Shades

#5F93C9 #527FAD #456B92 #385777 #2B435B #1E2F40

Complementary Palette

#5D90C4 #6CA7E4 #C4925D #E4AA6C #E8B681 #81B3E8

Analogous Palette

#79BDBE #7ED1D3 #669DD6 #6CA7E4 #7F7ED3 #8B89D7

Triadic Palette

#5F93C9 #6CA7E4 #ED64A6 #EF77B1 #A6ED64 #92D158

Split Complementary Palette

#6196CD #6CA7E4 #E46E6C #E77D7B #E2E46C #CBCD61

Square Palette

#5B8CC0 #6CA7E4 #DB75DA #DBAA75 #6CE46E #84E885

Tetradic Palette

#5989BB #6CA7E4 #AB5DF4 #E4AA6C #A6F45D #B6F67A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6CA7E4 contains 108 red, 167 green, and 228 blue.

Contrast Ratio: 2.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.41:1