#204CA2 Color

Color Information

HEX	#204CA2
RGB	32, 76, 162
HSL	220° , 67% , 38%
HSV	220° , 80% , 64%
CMYK	80%, 53%, 0%, 36%

Lighter Shades

#3B61AD #5677B8 #708CC3 #8BA2CF #A6B7DA #C1CDE5

Darker Shades

#1C438F #183A7B #143168 #112854 #0D1E41 #09152D

Complementary Palette

#1C418B #204CA2 #8B661C #A27720 #AF8A3F #3F65AF

Analogous Palette

#2F7583 #337F8E #1E4798 #204CA2 #43338E #554893

Triadic Palette

#1C438F #204CA2 #AC1648 #B6325E #48AC16 #3F9713

Split Complementary Palette

#1D4492 #204CA2 #A23620 #AB4A36 #8CA220 #7E921D

Square Palette

#1B4088 #204CA2 #982A86 #98732A #20A236 #44B156

Tetradic Palette

#1A3E85 #204CA2 #7C0FB3 #A27720 #45B30F #66C13A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #204CA2 contains 32 red, 76 green, and 162 blue.

Contrast Ratio: 8.16:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.57:1