#30455C Color

Color Information

HEX#30455C
RGB48, 69, 92
HSL211° , 31% , 27%
HSV211° , 48% , 36%
CMYK48%, 25%, 0%, 64%

Lighter Shades

#495B70 #627283 #7B8897 #939EAA #ACB5BE #C5CBD1

Darker Shades

#2A3D51 #243446 #1F2C3B #192430 #131C25 #0D131A

Complementary Palette

#293B4F #30455C #4D3C29 #5A4630 #71604D #4D5F73

Analogous Palette

#364949 #3B4F4F #2D4156 #30455C #3B3B4F #484861

Triadic Palette

#2A3D51 #30455C #602944 #73435A #446029 #3C5424

Split Complementary Palette

#2B3E53 #30455C #5A3030 #6B4545 #595A30 #50512B

Square Palette

#283A4D #30455C #533752 #534537 #305A30 #517451

Tetradic Palette

#27394B #30455C #462466 #5A4630 #446624 #66824B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #30455C contains 48 red, 69 green, and 92 blue.

Contrast Ratio: 10.16:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.07:1