#6A8E9A Color

Color Information

HEX#6A8E9A
RGB106, 142, 154
HSL195° , 19% , 51%
HSV195° , 31% , 60%
CMYK31%, 8%, 0%, 40%

Lighter Shades

#7C9CA6 #8EA9B2 #A0B7BE #B2C4CA #C3D2D7 #D5DFE3

Darker Shades

#5D7D88 #516C75 #445B63 #374A50 #2A393E #1E282B

Complementary Palette

#5B7A84 #6A8E9A #84655B #9A766A #A8897F #7F9EA8

Analogous Palette

#668A81 #6F958B #648591 #6A8E9A #6F7995 #7B849D

Triadic Palette

#5D7D88 #6A8E9A #A65E94 #B171A1 #94A65E #829253

Split Complementary Palette

#5F808B #6A8E9A #9A6A76 #A47984 #9A8E6A #8B805F

Square Palette

#597781 #6A8E9A #8B6F95 #95796F #769A6A #8CAA82

Tetradic Palette

#57747E #6A8E9A #6B54B0 #9A766A #99B054 #ABBE73

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6A8E9A contains 106 red, 142 green, and 154 blue.

Contrast Ratio: 3.48:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.04:1