#6AA2E1 Color

Color Information

HEX#6AA2E1
RGB106, 162, 225
HSL212° , 66% , 65%
HSV212° , 53% , 88%
CMYK53%, 28%, 0%, 12%

Lighter Shades

#7CADE5 #8EB8E8 #A0C3EC #B2CFEF #C3DAF3 #D5E5F7

Darker Shades

#5D8FC6 #517BAB #446890 #375475 #2A415A #1E2D3F

Complementary Palette

#5B8BC2 #6AA2E1 #C2925C #E1AA6B #E5B680 #7FAFE5

Analogous Palette

#77B8BB #7DCCCF #6498D4 #6AA2E1 #7F7DCF #8A88D3

Triadic Palette

#5D8FC6 #6AA2E1 #EA62A1 #ED75AC #A1EA62 #8ECE56

Split Complementary Palette

#5F92CB #6AA2E1 #E16F6B #E47D7A #DDE16B #C7CB60

Square Palette

#5988BD #6AA2E1 #D874D4 #D8A974 #6BE16F #83E686

Tetradic Palette

#5785B9 #6AA2E1 #AB5BF1 #E1AA6B #A1F15B #B2F479

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6AA2E1 contains 106 red, 162 green, and 225 blue.

Contrast Ratio: 2.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.99:1