#2A6190 Color

Color Information

HEX#2A6190
RGB42, 97, 144
HSL208° , 55% , 36%
HSV208° , 71% , 56%
CMYK71%, 33%, 0%, 44%

Lighter Shades

#44749D #5D87AB #779AB8 #90ADC5 #AAC0D3 #C3D3E0

Darker Shades

#25557F #204A6D #1B3E5C #16324B #11273A #0C1B28

Complementary Palette

#24537C #2A6190 #7A4C23 #8E5829 #9E6F47 #4877A0

Analogous Palette

#377270 #3C7C7A #275B87 #2A6190 #3C3E7C #4F5282

Triadic Palette

#25557F #2A6190 #972060 #A33B73 #609720 #54851C

Split Complementary Palette

#265782 #2A6190 #8E292D #993E42 #8E8B29 #807D25

Square Palette

#235179 #2A6190 #823285 #855932 #2D8E29 #4FA04B

Tetradic Palette

#225076 #2A6190 #57199F #8E5829 #609F19 #7DB042

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6190 contains 42 red, 97 green, and 144 blue.

Contrast Ratio: 6.57:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.2:1