#2C6E7B Color

Color Information

HEX#2C6E7B
RGB44, 110, 123
HSL190° , 47% , 33%
HSV190° , 64% , 48%
CMYK64%, 11%, 0%, 52%

Lighter Shades

#457F8B #5F919B #78A2AB #91B4BA #ABC5CA #C4D6DA

Darker Shades

#27616C #21545D #1C464F #173940 #122C31 #0C1F22

Complementary Palette

#265F6A #2C6E7B #6B3227 #7C3A2D #8E564A #4A828D

Analogous Palette

#386153 #3D6B5B #296774 #2C6E7B #3D4D6B #505B71

Triadic Palette

#27616C #2C6E7B #842474 #933E85 #748424 #667420

Split Complementary Palette

#28636F #2C6E7B #7C2D47 #894259 #7C612D #705729

Square Palette

#255C67 #2C6E7B #5D3573 #733F35 #477C2D #64914F

Tetradic Palette

#245A65 #2C6E7B #301D8B #7C3A2D #798B1D #91A046

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C6E7B contains 44 red, 110 green, and 123 blue.

Contrast Ratio: 5.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.63:1