#6EAAA2 Color

Color Information

HEX#6EAAA2
RGB110, 170, 162
HSL172° , 26% , 55%
HSV172° , 35% , 67%
CMYK35%, 0%, 5%, 33%

Lighter Shades

#7FB4AD #91BEB8 #A2C9C3 #B4D3CF #C5DDDA #D6E7E5

Darker Shades

#61968F #54817B #466D68 #395854 #2C4441 #1F302D

Complementary Palette

#5F928B #6EAAA2 #925F65 #AA6E76 #B68289 #82B6AF

Analogous Palette

#6C937A #7B9D88 #67A098 #6EAAA2 #7B919D #879BA6

Triadic Palette

#61968F #6EAAA2 #AB63B6 #B576BF #B6AB63 #A09657

Split Complementary Palette

#639992 #6EAAA2 #AA6E94 #B37D9F #AA846E #997763

Square Palette

#5C8F88 #6EAAA2 #877A9F #9F7A7F #94AA6E #A5B885

Tetradic Palette

#5A8B85 #6EAAA2 #5A67BF #AA6E76 #BFB15A #CBBF78

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6EAAA2 contains 110 red, 170 green, and 162 blue.

Contrast Ratio: 2.6:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.06:1