#204A82 Color

Color Information

HEX#204A82
RGB32, 74, 130
HSL214° , 60% , 32%
HSV214° , 75% , 51%
CMYK75%, 43%, 0%, 49%

Lighter Shades

#3B6091 #5675A0 #708BAF #8BA1BE #A6B7CD #C1CCDC

Darker Shades

#1C4172 #183863 #142F53 #112644 #0D1E34 #091524

Complementary Palette

#1C4070 #204A82 #714C1C #835821 #946F40 #3F6394

Analogous Palette

#2E666B #316E72 #1E467A #204A82 #353172 #49477B

Triadic Palette

#1C4172 #204A82 #8B184A #993460 #4A8B18 #417A15

Split Complementary Palette

#1D4375 #204A82 #832721 #8F3D37 #7C8321 #70761E

Square Palette

#1B3E6D #204A82 #7A2975 #7A5729 #218327 #45974A

Tetradic Palette

#1A3D6B #204A82 #5A1291 #835821 #499112 #6AA53D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #204A82 contains 32 red, 74 green, and 130 blue.

Contrast Ratio: 9.08:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.31:1