#6A9EA0 Color

Color Information

HEX#6A9EA0
RGB106, 158, 160
HSL182° , 22% , 52%
HSV182° , 34% , 63%
CMYK34%, 1%, 0%, 37%

Lighter Shades

#7CAAAB #8EB5B7 #A0C1C2 #B2CDCE #C3D8D9 #D5E4E4

Darker Shades

#5D8B8D #51787A #446566 #375253 #2A3F40 #1E2C2D

Complementary Palette

#5B888A #6A9EA0 #8A5C5B #A06B6A #AD807F #7FACAD

Analogous Palette

#688D7B #729785 #649596 #6A9EA0 #728397 #7E8EA0

Triadic Palette

#5D8B8D #6A9EA0 #AC5DA9 #B670B3 #A9AC5D #959752

Split Complementary Palette

#5F8E90 #6A9EA0 #A06A83 #AA798F #A0866A #90795F

Square Palette

#598586 #6A9EA0 #857297 #977372 #83A06A #97AF82

Tetradic Palette

#578283 #6A9EA0 #5554B6 #A06B6A #B2B654 #C0C373

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6A9EA0 contains 106 red, 158 green, and 160 blue.

Contrast Ratio: 2.95:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.12:1