#30525A Color

Color Information

HEX#30525A
RGB48, 82, 90
HSL191° , 30% , 27%
HSV191° , 47% , 35%
CMYK47%, 9%, 0%, 65%

Lighter Shades

#49676E #627C82 #7B9095 #93A5A9 #ACBABD #C5CFD1

Darker Shades

#2A484F #243E44 #1F343A #192B2F #132124 #0D1719

Complementary Palette

#29474D #30525A #4D3029 #5A3830 #71544D #4D6A71

Analogous Palette

#364943 #3B4F48 #2D4D55 #30525A #3B414F #485061

Triadic Palette

#2A484F #30525A #602956 #73436A #566029 #4C5424

Split Complementary Palette

#2B4A51 #30525A #5A303D #6B4550 #5A4C30 #51442B

Square Palette

#28454C #30525A #493753 #533C37 #3D5A30 #5C7451

Tetradic Palette

#27434A #30525A #302466 #5A3830 #5A6624 #78824B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #30525A contains 48 red, 82 green, and 90 blue.

Contrast Ratio: 8.63:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.43:1