#2C3247 Color

Color Information

HEX#2C3247
RGB44, 50, 71
HSL227° , 23% , 23%
HSV227° , 38% , 28%
CMYK38%, 30%, 0%, 72%

Lighter Shades

#454B5D #5F6373 #787C89 #91949F #ABADB5 #C4C6CB

Darker Shades

#272C3E #212636 #1C202D #171A25 #12141C #0C0E14

Complementary Palette

#262B3D #2C3247 #3E3927 #48422D #625C4A #4A4F61

Analogous Palette

#2E393E #323E43 #292F43 #2C3247 #373243 #453F55

Triadic Palette

#272C3E #2C3247 #4E2730 #634149 #304E27 #2A4522

Split Complementary Palette

#282D40 #2C3247 #48352D #5A4942 #40482D #3A4129

Square Palette

#252A3C #2C3247 #43323E #434032 #2D4835 #4F6555

Tetradic Palette

#24293A #2C3247 #482353 #48422D #2D5323 #53724B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C3247 contains 44 red, 50 green, and 71 blue.

Contrast Ratio: 13.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.57:1