#2C5F6C Color

Color Information

HEX	#2C5F6C
RGB	44, 95, 108
HSL	192° , 42% , 30%
HSV	192° , 59% , 42%
CMYK	59%, 12%, 0%, 58%

Lighter Shades

#45727E #5F858F #7899A1 #91ACB3 #ABBFC4 #C4D2D6

Darker Shades

#27545F #214852 #1C3D45 #173138 #12262B #0C1B1E

Complementary Palette

#26525D #2C5F6C #5E3126 #6D392C #81554A #4A7581

Analogous Palette

#35554B #3C5D53 #295966 #2C5F6C #3C465D #4E566A

Triadic Palette

#27545F #2C5F6C #742564 #853F77 #647425 #586621

Split Complementary Palette

#285661 #2C5F6C #6D2C40 #7C4153 #6D592C #625028

Square Palette

#25505B #2C5F6C #563465 #653E34 #406D2C #5F844E

Tetradic Palette

#244E59 #2C5F6C #311F7A #6D392C #687A1F #839247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C5F6C contains 44 red, 95 green, and 108 blue.

Contrast Ratio: 7.15:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.94:1