#2D74AA Color

Color Information

HEX#2D74AA
RGB45, 116, 170
HSL206° , 58% , 42%
HSV206° , 74% , 67%
CMYK74%, 32%, 0%, 33%

Lighter Shades

#4685B4 #5F95BE #79A6C9 #92B7D3 #ABC7DD #C4D8E7

Darker Shades

#286696 #225881 #1D4A6D #173C58 #122E44 #0D2030

Complementary Palette

#276492 #2D74AA #915527 #A9632D #B5794A #4A87B6

Analogous Palette

#3C8681 #42948E #2A6DA0 #2D74AA #424894 #565B99

Triadic Palette

#286696 #2D74AA #B42275 #BD3D86 #75B422 #679E1E

Split Complementary Palette

#296899 #2D74AA #A92D35 #B24249 #A9A12D #989129

Square Palette

#26618F #2D74AA #98389F #9F6438 #35A92D #55B74F

Tetradic Palette

#255F8B #2D74AA #601ABC #A9632D #76BC1A #8FC843

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D74AA contains 45 red, 116 green, and 170 blue.

Contrast Ratio: 4.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.21:1