#2D3356 Color

Color Information

HEX	#2D3356
RGB	45, 51, 86
HSL	231° , 31% , 26%
HSV	231° , 48% , 34%
CMYK	48%, 41%, 0%, 66%

Lighter Shades

#464B6A #5F647F #797C93 #9295A7 #ABADBB #C4C6D0

Darker Shades

#282D4C #222741 #1D2137 #171B2D #121422 #0D0E18

Complementary Palette

#272C4A #2D3356 #4B4628 #57512E #6F694B #4A506E

Analogous Palette

#344046 #38454C #2A3051 #2D3356 #3F384C #4E455E

Triadic Palette

#282D4C #2D3356 #5D272F #704148 #2F5D27 #295222

Split Complementary Palette

#292E4D #2D3356 #573C2E #685043 #48572E #414E29

Square Palette

#262B48 #2D3356 #503446 #504C34 #2E573C #4F725B

Tetradic Palette

#252A47 #2D3356 #592263 #57512E #2C6322 #527F4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3356 contains 45 red, 51 green, and 86 blue.

Contrast Ratio: 12.8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.64:1