#6AA6FF Color

Color Information

HEX#6AA6FF
RGB106, 166, 255
HSL216° , 100% , 71%
HSV216° , 58% , 100%
CMYK58%, 35%, 0%, 0%

Lighter Shades

#7CB1FF #8EBBFF #A0C6FF #B2D1FF #C3DBFF #D5E6FF

Darker Shades

#5D92E0 #517EC2 #446AA3 #375685 #2A4266 #1E2E47

Complementary Palette

#5B8FDB #6AA6FF #DBA95C #FFC46B #FFCC80 #7FB2FF

Analogous Palette

#73CED9 #7AE4F0 #649CF0 #6AA6FF #867AF0 #8E83F1

Triadic Palette

#5D92E0 #6AA6FF #FF6BA6 #FF7DB1 #A6FF6B #92E05E

Split Complementary Palette

#5F95E6 #6AA6FF #FF7A6B #FF877A #F0FF6B #D8E660

Square Palette

#598BD6 #6AA6FF #F872EA #F8C272 #6BFF7A #83FF8F

Tetradic Palette

#5788D1 #6AA6FF #C46BFF #FFC46B #A6FF6B #B6FF86

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6AA6FF contains 106 red, 166 green, and 255 blue.

Contrast Ratio: 2.44:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.62:1