#6CB2A4 Color

Color Information

HEX#6CB2A4
RGB108, 178, 164
HSL168° , 31% , 56%
HSV168° , 39% , 70%
CMYK39%, 0%, 8%, 30%

Lighter Shades

#7EBBAF #8FC4BA #A1CEC5 #B3D7D0 #C4E0DB #D6E9E6

Darker Shades

#5F9D90 #52877D #457269 #385D55 #2B4742 #1E322E

Complementary Palette

#5D998D #6CB2A4 #995D69 #B26C7A #BD818D #81BDB1

Analogous Palette

#72977D #7EA088 #66A79A #6CB2A4 #7E96A0 #8A9FA8

Triadic Palette

#5F9D90 #6CB2A4 #AA61BD #B474C5 #BDAA61 #A69655

Split Complementary Palette

#61A094 #6CB2A4 #B26C9D #BA7BA7 #B2816C #A07461

Square Palette

#5B968A #6CB2A4 #8577A6 #A67781 #9DB26C #ADBE84

Tetradic Palette

#599286 #6CB2A4 #586EC6 #B26C7A #C6B058 #D0BE76

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6CB2A4 contains 108 red, 178 green, and 164 blue.

Contrast Ratio: 2.42:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.68:1