#6AA2E9 Color

Color Information

HEX#6AA2E9
RGB106, 162, 233
HSL214° , 74% , 66%
HSV214° , 55% , 91%
CMYK55%, 30%, 0%, 9%

Lighter Shades

#7CADEC #8EB8EE #A0C3F1 #B2CFF4 #C3DAF6 #D5E5F9

Darker Shades

#5D8FCD #517BB1 #446895 #375479 #2A415D #1E2D41

Complementary Palette

#5B8BC8 #6AA2E9 #C89859 #E8B168 #EBBC7D #7FAFEC

Analogous Palette

#76BCC1 #79D1D7 #6498DB #6AA2E9 #8079D7 #8B85DB

Triadic Palette

#5D8FCD #6AA2E9 #F15F9F #F372AB #9FF15F #8CD454

Split Complementary Palette

#5F92D2 #6AA2E9 #E87168 #EA7F77 #E0E868 #CAD15E

Square Palette

#5988C4 #6AA2E9 #E071D8 #E0B071 #68E871 #80EC88

Tetradic Palette

#5785BF #6AA2E9 #B359F8 #E8B168 #9EF859 #AFF977

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6AA2E9 contains 106 red, 162 green, and 233 blue.

Contrast Ratio: 2.6:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.07:1