#2A3A4D Color

Color Information

HEX#2A3A4D
RGB42, 58, 77
HSL213° , 29% , 23%
HSV213° , 45% , 30%
CMYK45%, 25%, 0%, 70%

Lighter Shades

#445262 #5D6978 #77818D #9099A2 #AAB0B8 #C3C8CD

Darker Shades

#253344 #202C3B #1B2531 #161E28 #11171F #0C1016

Complementary Palette

#243242 #2A3A4D #413424 #4C3C2A #655748 #485666

Analogous Palette

#2E3D3E #324243 #273748 #2A3A4D #323243 #403F55

Triadic Palette

#253344 #2A3A4D #522438 #673E50 #385224 #314820

Split Complementary Palette

#263445 #2A3A4D #4C2B2A #5E403F #4A4C2A #434426

Square Palette

#233141 #2A3A4D #463044 #463B30 #2A4C2B #4C694D

Tetradic Palette

#22303F #2A3A4D #3C1F56 #4C3C2A #37561F #5B7447

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A3A4D contains 42 red, 58 green, and 77 blue.

Contrast Ratio: 12.11:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.73:1