#6A8AAE Color

Color Information

HEX	#6A8AAE
RGB	106, 138, 174
HSL	212° , 30% , 55%
HSV	212° , 39% , 68%
CMYK	39%, 21%, 0%, 32%

Lighter Shades

#7C98B8 #8EA6C1 #A0B4CB #B2C2D5 #C3D0DF #D5DEE8

Darker Shades

#5D7999 #516984 #44586F #37485A #2A3746 #1E2731

Complementary Palette

#5B7796 #6A8AAE #977B5B #AF8F6A #BA9F7F #7F9AB9

Analogous Palette

#6F9395 #7B9C9D #6482A4 #6A8AAE #7C7B9D #8887A6

Triadic Palette

#5D7999 #6A8AAE #BA5E89 #C27197 #89BA5E #79A453

Split Complementary Palette

#5F7C9D #6A8AAE #AF6C6A #B77B79 #ACAF6A #9B9E5F

Square Palette

#597492 #6A8AAE #A375A1 #A38E75 #6AAF6C #82BC84

Tetradic Palette

#57718F #6A8AAE #9055C3 #AF8F6A #89C355 #9ECE74

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6A8AAE contains 106 red, 138 green, and 174 blue.

Contrast Ratio: 3.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.94:1