#2C6A6F Color

Color Information

HEX#2C6A6F
RGB44, 106, 111
HSL184° , 43% , 30%
HSV184° , 60% , 44%
CMYK60%, 5%, 0%, 56%

Lighter Shades

#457C80 #5F8E92 #78A0A3 #91B2B4 #ABC3C5 #C4D5D7

Darker Shades

#275D62 #215154 #1C4447 #17373A #122A2C #0C1E1F

Complementary Palette

#265B5F #2C6A6F #5E2926 #6D302C #814D4A #4A7F83

Analogous Palette

#355547 #3C5D4F #296468 #2C6A6F #3C4A5D #4E5A6A

Triadic Palette

#275D62 #2C6A6F #74256F #853F80 #6F7425 #626621

Split Complementary Palette

#285F64 #2C6A6F #6D2C48 #7C415A #6D512C #624928

Square Palette

#25595D #2C6A6F #503465 #653734 #486D2C #65844E

Tetradic Palette

#24575B #2C6A6F #251F7A #6D302C #747A1F #8D9247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C6A6F contains 44 red, 106 green, and 111 blue.

Contrast Ratio: 6.19:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.39:1