#6AA4E5 Color

Color Information

HEX#6AA4E5
RGB106, 164, 229
HSL212° , 70% , 66%
HSV212° , 54% , 90%
CMYK54%, 28%, 0%, 10%

Lighter Shades

#7CAFE8 #8EBAEB #A0C5EE #B2D0F1 #C3DBF5 #D5E6F8

Darker Shades

#5D90CA #517DAE #446993 #375577 #2A425C #1E2E40

Complementary Palette

#5B8DC5 #6AA4E5 #C5945D #E5AC6C #E9B881 #7FB1E9

Analogous Palette

#78BDBF #7DD1D4 #649AD7 #6AA4E5 #807DD4 #8B88D7

Triadic Palette

#5D90CA #6AA4E5 #EE63A4 #F076AF #A4EE63 #90D157

Split Complementary Palette

#5F94CE #6AA4E5 #E5706C #E87E7B #E1E56C #CBCE61

Square Palette

#598AC0 #6AA4E5 #DC74D9 #DCAC74 #6CE570 #84E987

Tetradic Palette

#5786BC #6AA4E5 #AD5CF5 #E5AC6C #A3F55C #B4F779

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6AA4E5 contains 106 red, 164 green, and 229 blue.

Contrast Ratio: 2.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.17:1