#6A83A0 Color

Color Information

HEX#6A83A0
RGB106, 131, 160
HSL212° , 22% , 52%
HSV212° , 34% , 63%
CMYK34%, 18%, 0%, 37%

Lighter Shades

#7C92AB #8EA1B7 #A0B0C2 #B2BFCE #C3CDD9 #D5DCE4

Darker Shades

#5D738D #51647A #445466 #374453 #2A3440 #1E252D

Complementary Palette

#5B718A #6A83A0 #8A735B #A0866A #AD977F #7F94AD

Analogous Palette

#688C8D #729697 #647B96 #6A83A0 #737297 #7F7EA0

Triadic Palette

#5D738D #6A83A0 #AC5D82 #B67091 #82AC5D #729752

Split Complementary Palette

#5F7690 #6A83A0 #A06B6A #AA7A79 #9EA06A #8E905F

Square Palette

#596E86 #6A83A0 #977296 #978572 #6AA06B #82AF83

Tetradic Palette

#576B83 #6A83A0 #8654B6 #A0866A #81B654 #98C373

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6A83A0 contains 106 red, 131 green, and 160 blue.

Contrast Ratio: 3.86:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.44:1