#2A4050 Color

Color Information

HEX	#2A4050
RGB	42, 64, 80
HSL	205° , 31% , 24%
HSV	205° , 48% , 31%
CMYK	48%, 20%, 0%, 69%

Lighter Shades

#445765 #5D6E7A #77858F #909CA4 #AAB3B9 #C3CACE

Darker Shades

#253846 #20313D #1B2933 #16212A #111A20 #0C1216

Complementary Palette

#243745 #2A4050 #453224 #503A2A #695648 #485B69

Analogous Palette

#30413F #344645 #273C4B #2A4050 #343646 #414358

Triadic Palette

#253846 #2A4050 #562441 #6A3E58 #415624 #394C20

Split Complementary Palette

#263A48 #2A4050 #502A2D #623F42 #504D2A #484526

Square Palette

#233643 #2A4050 #48304A #4A3B30 #2D502A #4F6C4C

Tetradic Palette

#223442 #2A4050 #381F5B #503A2A #425B1F #647947

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A4050 contains 42 red, 64 green, and 80 blue.

Contrast Ratio: 11.19:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.88:1