#2C6695 Color

Color Information

HEX	#2C6695
RGB	44, 102, 149
HSL	207° , 54% , 38%
HSV	207° , 70% , 58%
CMYK	70%, 32%, 0%, 42%

Lighter Shades

#4578A2 #5F8BAE #789DBB #91AFC8 #ABC2D5 #C4D4E1

Darker Shades

#275A83 #214E71 #1C415F #17354D #12293C #0C1D2A

Complementary Palette

#265880 #2C6695 #804F27 #955C2D #A4734A #4A7BA4

Analogous Palette

#3B7875 #40827F #29608C #2C6695 #404382 #545787

Triadic Palette

#275A83 #2C6695 #9F2367 #AB3D79 #679F23 #5B8C1F

Split Complementary Palette

#285C86 #2C6695 #952D32 #A04247 #95902D #868229

Square Palette

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

Tetradic Palette

#24547A #2C6695 #5A1BA7 #955C2D #68A71B #83B744

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C6695 contains 44 red, 102 green, and 149 blue.

Contrast Ratio: 6.11:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.44:1