#2891E2 Color

Color Information

HEX#2891E2
RGB40, 145, 226
HSL206° , 76% , 52%
HSV206° , 82% , 89%
CMYK82%, 36%, 0%, 11%

Lighter Shades

#429EE5 #5CABE9 #75B9EC #8FC6F0 #A9D3F3 #C3E0F7

Darker Shades

#2380C7 #1E6EAC #1A5D91 #154B76 #103A5A #0B293F

Complementary Palette

#227DC2 #2891E2 #C26722 #E27828 #E68B46 #46A0E6

Analogous Palette

#3DB8AF #40C9C0 #2688D4 #2891E2 #4049C9 #5058CE

Triadic Palette

#2380C7 #2891E2 #EE1B93 #F036A0 #93EE1B #81D118

Split Complementary Palette

#2483CB #2891E2 #E22834 #E53E48 #E2D528 #CBC024

Square Palette

#227ABE #2891E2 #CB34D5 #D57A34 #34E228 #54E74A

Tetradic Palette

#2177B9 #2891E2 #7512F8 #E27828 #94F812 #A7F93D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2891E2 contains 40 red, 145 green, and 226 blue.

Contrast Ratio: 3.33:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.31:1