#2D6AE4 Color

Color Information

HEX#2D6AE4
RGB45, 106, 228
HSL220° , 77% , 54%
HSV220° , 80% , 89%
CMYK80%, 54%, 0%, 11%

Lighter Shades

#467CE7 #5F8EEA #79A0EE #92B2F1 #ABC3F4 #C4D5F7

Darker Shades

#285DC9 #2251AD #1D4492 #173777 #122A5B #0D1E40

Complementary Palette

#275BC4 #2D6AE4 #C49028 #E4A82F #E8B44C #4A7FE8

Analogous Palette

#45A7BA #47B6CD #2A64D6 #2D6AE4 #5D47CD #6B57D1

Triadic Palette

#285DC9 #2D6AE4 #F02468 #F23E7A #68F024 #5CD320

Split Complementary Palette

#295FCD #2D6AE4 #E44D2F #E75F44 #C6E42F #B2CD2A

Square Palette

#2659C0 #2D6AE4 #D83BBE #D8A43B #2FE44D #50E869

Tetradic Palette

#2557BB #2D6AE4 #AF1AF9 #E4A82F #65F91A #81FA43

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D6AE4 contains 45 red, 106 green, and 228 blue.

Contrast Ratio: 4.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.3:1