#302F40 Color

Color Information

HEX#302F40
RGB48, 47, 64
HSL244° , 15% , 22%
HSV244° , 27% , 25%
CMYK25%, 27%, 0%, 75%

Lighter Shades

#494857 #62616E #7B7A85 #93939C #ACACB3 #C5C5CA

Darker Shades

#2A2938 #242431 #1F1E29 #191821 #13131A #0D0D12

Complementary Palette

#292837 #302F40 #363829 #3F4130 #5A5C4D #4D4C5B

Analogous Palette

#2B323B #303741 #2D2C3C #302F40 #393041 #483D52

Triadic Palette

#2A2938 #302F40 #462C2A #5C4544 #2A462C #253E27

Split Complementary Palette

#2B2A3A #302F40 #413930 #544D45 #374130 #323B2B

Square Palette

#282736 #302F40 #413037 #3F4130 #304139 #515F59

Tetradic Palette

#272734 #302F40 #4B2646 #3F4130 #264B28 #4D6B4F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #302F40 contains 48 red, 47 green, and 64 blue.

Contrast Ratio: 13.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.52:1