#2A62D0 Color

Color Information

HEX#2A62D0
RGB42, 98, 208
HSL220° , 66% , 49%
HSV220° , 80% , 82%
CMYK80%, 53%, 0%, 18%

Lighter Shades

#4475D6 #5D88DB #779BE1 #90ADE7 #AAC0EC #C3D3F2

Darker Shades

#2556B7 #204A9E #1B3F85 #16336C #112753 #0C1B3A

Complementary Palette

#2454B3 #2A62D0 #B28324 #CF982A #D6A648 #4878D7

Analogous Palette

#3E96A8 #43A3B6 #275CC4 #2A62D0 #5743B6 #6554BB

Triadic Palette

#2556B7 #2A62D0 #DC1E5D #E03970 #5DDC1E #52C21A

Split Complementary Palette

#2658BB #2A62D0 #CF462A #D4593F #B4CF2A #A2BA26

Square Palette

#2352AF #2A62D0 #C337AC #C39437 #2ACF46 #4CD764

Tetradic Palette

#2250AB #2A62D0 #A014E6 #CF982A #5AE614 #78EB3E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A62D0 contains 42 red, 98 green, and 208 blue.

Contrast Ratio: 5.6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.75:1