#2048A2 Color

Color Information

HEX	#2048A2
RGB	32, 72, 162
HSL	222° , 67% , 38%
HSV	222° , 80% , 64%
CMYK	80%, 56%, 0%, 36%

Lighter Shades

#3B5EAD #5674B8 #708AC3 #8BA0CF #A6B6DA #C1CCE5

Darker Shades

#1C3F8F #18377B #142E68 #112554 #0D1D41 #09142D

Complementary Palette

#1C3E8B #2048A2 #8B6A1C #A27B20 #AF8D3F #3F62AF

Analogous Palette

#2F7283 #337C8E #1E4498 #2048A2 #46338E #574893

Triadic Palette

#1C3F8F #2048A2 #AC1643 #B6325A #43AC16 #3B9713

Split Complementary Palette

#1D4192 #2048A2 #A23A20 #AB4E36 #88A220 #7A921D

Square Palette

#1B3C88 #2048A2 #982A82 #98772A #20A23A #44B15A

Tetradic Palette

#1A3B85 #2048A2 #820FB3 #A27B20 #40B30F #62C13A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2048A2 contains 32 red, 72 green, and 162 blue.

Contrast Ratio: 8.53:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.46:1