#2C6694 Color

Color Information

HEX#2C6694
RGB44, 102, 148
HSL207° , 54% , 38%
HSV207° , 70% , 58%
CMYK70%, 31%, 0%, 42%

Lighter Shades

#4578A1 #5F8BAE #789DBB #91AFC7 #ABC2D4 #C4D4E1

Darker Shades

#275A82 #214E70 #1C415F #17354D #12293B #0C1D29

Complementary Palette

#26587F #2C6694 #804F27 #955C2D #A4734A #4A7BA3

Analogous Palette

#3B7875 #40827F #29608B #2C6694 #404382 #545787

Triadic Palette

#275A82 #2C6694 #9F2367 #AB3D79 #679F23 #5B8C1F

Split Complementary Palette

#285C85 #2C6694 #952D32 #A04247 #95902D #868229

Square Palette

#25567C #2C6694 #87368C #8C5D36 #32952D #53A64F

Tetradic Palette

#245479 #2C6694 #5A1BA7 #955C2D #68A71B #83B744

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C6694 contains 44 red, 102 green, and 148 blue.

Contrast Ratio: 6.12:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.43:1