#6CA7E2 Color

Color Information

HEX#6CA7E2
RGB108, 167, 226
HSL210° , 67% , 65%
HSV210° , 52% , 89%
CMYK52%, 26%, 0%, 11%

Lighter Shades

#7EB2E5 #8FBCE9 #A1C7EC #B3D1F0 #C4DCF3 #D6E6F7

Darker Shades

#5F93C7 #527FAC #456B91 #385776 #2B435A #1E2F3F

Complementary Palette

#5D90C2 #6CA7E2 #C28F5B #E2A66A #E6B27F #81B3E6

Analogous Palette

#76BCBC #7CD0D0 #669DD4 #6CA7E2 #7C7CD0 #8787D4

Triadic Palette

#5F93C7 #6CA7E2 #EA61A6 #ED74B1 #A6EA61 #92CE55

Split Complementary Palette

#6196CB #6CA7E2 #E26A6A #E57979 #E2E26A #CBCB5F

Square Palette

#5B8CBE #6CA7E2 #D973D9 #D9A673 #6AE26A #82E782

Tetradic Palette

#5989B9 #6CA7E2 #A65AF2 #E2A66A #A6F25A #B6F478

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6CA7E2 contains 108 red, 167 green, and 226 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.39:1