#2D3142 Color

Color Information

HEX#2D3142
RGB45, 49, 66
HSL229° , 19% , 22%
HSV229° , 32% , 26%
CMYK32%, 26%, 0%, 74%

Lighter Shades

#464A59 #5F626F #797B86 #92949D #ABADB3 #C4C5CA

Darker Shades

#282B3A #222532 #1D1F2A #171922 #12141A #0D0E12

Complementary Palette

#272A39 #2D3142 #3A3627 #433F2D #5D5A4A #4A4E5C

Analogous Palette

#2B363B #303B41 #2A2E3E #2D3142 #353041 #433D52

Triadic Palette

#282B3A #2D3142 #49272D #5F4146 #2D4927 #284022

Split Complementary Palette

#292C3B #2D3142 #43342D #564842 #3C432D #363C29

Square Palette

#262937 #2D3142 #41303B #413D30 #2D4334 #4F6154

Tetradic Palette

#252836 #2D3142 #46234D #433F2D #2B4D23 #516D4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3142 contains 45 red, 49 green, and 66 blue.

Contrast Ratio: 13.57:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.55:1