#374AA2 Color

Color Information

HEX#374AA2
RGB55, 74, 162
HSL229° , 49% , 43%
HSV229° , 66% , 64%
CMYK66%, 54%, 0%, 36%

Lighter Shades

#4F60AD #6775B8 #7F8BC3 #97A1CF #AFB7DA #C7CCE5

Darker Shades

#30418F #2A387B #232F68 #1D2654 #161E41 #0F152D

Complementary Palette

#2F408B #374AA2 #8C7C30 #A39038 #B0A054 #5363AF

Analogous Palette

#487184 #4E798D #344698 #374AA2 #624E8D #6F6090

Triadic Palette

#30418F #374AA2 #AE2D45 #B8465B #45AE2D #3D9928

Split Complementary Palette

#324392 #374AA2 #A35A38 #AC6B4C #81A338 #749332

Square Palette

#2E3E88 #374AA2 #98437D #988943 #38A35A #58B274

Tetradic Palette

#2D3D85 #374AA2 #9C24B7 #A39038 #3FB724 #62C44B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #374AA2 contains 55 red, 74 green, and 162 blue.

Contrast Ratio: 8.02:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.62:1