#6A8295 Color

Color Information

HEX#6A8295
RGB106, 130, 149
HSL207° , 17% , 50%
HSV207° , 29% , 58%
CMYK29%, 13%, 0%, 42%

Lighter Shades

#7C91A2 #8EA0AE #A0AFBB #B2BEC8 #C3CDD5 #D5DCE1

Darker Shades

#5D7283 #516371 #44535F #37444D #2A343C #1E242A

Complementary Palette

#5B7080 #6A8295 #806C5B #957D6A #A48F7F #7F94A4

Analogous Palette

#648785 #6C9391 #647A8C #6A8295 #6C6E93 #787A9B

Triadic Palette

#5D7283 #6A8295 #A25D83 #AD7092 #83A25D #738F52

Split Complementary Palette

#5F7586 #6A8295 #956A6C #A0797B #95936A #86845F

Square Palette

#596D7D #6A8295 #916C93 #937E6C #6C956A #84A682

Tetradic Palette

#576B7A #6A8295 #7B53AC #957D6A #84AC53 #9ABB72

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6A8295 contains 106 red, 130 green, and 149 blue.

Contrast Ratio: 3.96:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.31:1