#204E78 Color

Color Information

HEX#204E78
RGB32, 78, 120
HSL209° , 58% , 30%
HSV209° , 73% , 47%
CMYK73%, 35%, 0%, 53%

Lighter Shades

#3B6388 #567898 #708EA9 #8BA3B9 #A6B8C9 #C1CDD9

Darker Shades

#1C456A #183B5B #14324D #11293E #0D1F30 #091622

Complementary Palette

#1C4367 #204E78 #68411C #794B20 #8C643F #3F678B

Analogous Palette

#2A605F #2F6A69 #1E4971 #204E78 #2F306A #454673

Triadic Palette

#1C456A #204E78 #81184E #903463 #4E8118 #457215

Split Complementary Palette

#1D466C #204E78 #792022 #863638 #797720 #6D6B1D

Square Palette

#1B4265 #204E78 #702871 #714B28 #227920 #458E44

Tetradic Palette

#1A4062 #204E78 #4B1287 #794B20 #4E8712 #6E9D3D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #204E78 contains 32 red, 78 green, and 120 blue.

Contrast Ratio: 8.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.38:1