#304550 Color

Color Information

HEX#304550
RGB48, 69, 80
HSL201° , 25% , 25%
HSV201° , 40% , 31%
CMYK40%, 14%, 0%, 69%

Lighter Shades

#495B65 #62727A #7B888F #939EA4 #ACB5B9 #C5CBCE

Darker Shades

#2A3D46 #24343D #1F2C33 #19242A #131C20 #0D1316

Complementary Palette

#293B45 #304550 #453329 #503B30 #69564D #4D5F69

Analogous Palette

#324341 #364946 #2D414B #304550 #363949 #43465B

Triadic Palette

#2A3D46 #304550 #562946 #6A435C #465629 #3E4C24

Split Complementary Palette

#2B3E48 #304550 #503035 #624549 #504B30 #48442B

Square Palette

#283A43 #304550 #463649 #493D36 #355030 #556C51

Tetradic Palette

#273942 #304550 #38245B #503B30 #485B24 #69794B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #304550 contains 48 red, 69 green, and 80 blue.

Contrast Ratio: 10.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.03:1