#2A618E Color

Color Information

HEX	#2A618E
RGB	42, 97, 142
HSL	207° , 54% , 36%
HSV	207° , 70% , 56%
CMYK	70%, 32%, 0%, 44%

Lighter Shades

#44749C #5D87A9 #779AB7 #90ADC4 #AAC0D2 #C3D3DF

Darker Shades

#25557D #204A6C #1B3E5B #16324A #112739 #0C1B28

Complementary Palette

#24537A #2A618E #794B24 #8D572A #9D6F48 #48779E

Analogous Palette

#38716E #3D7B78 #275B85 #2A618E #3D407B #4F5282

Triadic Palette

#25557D #2A618E #972162 #A33C75 #629721 #56851D

Split Complementary Palette

#265780 #2A618E #8D2A2F #983F44 #8D882A #7F7A26

Square Palette

#235177 #2A618E #803384 #845833 #2F8D2A #509F4C

Tetradic Palette

#225074 #2A618E #551A9E #8D572A #629E1A #7EAF43

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A618E contains 42 red, 97 green, and 142 blue.

Contrast Ratio: 6.59:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.18:1