#2C6E9F Color

Color Information

HEX#2C6E9F
RGB44, 110, 159
HSL206° , 57% , 40%
HSV206° , 72% , 62%
CMYK72%, 31%, 0%, 38%

Lighter Shades

#457FAB #5F91B6 #78A2C2 #91B4CD #ABC5D9 #C4D6E4

Darker Shades

#27618C #215479 #1C4666 #173953 #122C40 #0C1F2D

Complementary Palette

#265F89 #2C6E9F #8A5126 #A05E2C #AD754A #4A82AC

Analogous Palette

#3B817D #408C87 #296795 #2C6E9F #40458C #545892

Triadic Palette

#27618C #2C6E9F #AA226F #B43D80 #6FAA22 #62961E

Split Complementary Palette

#28638F #2C6E9F #A02C34 #AA4148 #A0982C #908928

Square Palette

#255C86 #2C6E9F #903696 #966036 #34A02C #54AF4E

Tetradic Palette

#245A82 #2C6E9F #5C1AB3 #A05E2C #70B31A #8AC143

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C6E9F contains 44 red, 110 green, and 159 blue.

Contrast Ratio: 5.46:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.85:1