#2D96A8 Color

Color Information

HEX#2D96A8
RGB45, 150, 168
HSL189° , 58% , 42%
HSV189° , 73% , 66%
CMYK73%, 11%, 0%, 34%

Lighter Shades

#46A3B2 #5FAFBD #79BCC7 #92C8D2 #ABD5DC #C4E2E7

Darker Shades

#288494 #227280 #1D606C #174E57 #123C43 #0D2A2F

Complementary Palette

#278190 #2D96A8 #913727 #A9402D #B55B4A #4AA5B4

Analogous Palette

#3C866C #429477 #2A8D9E #2D96A8 #425F94 #566E99

Triadic Palette

#288494 #2D96A8 #B4229E #BD3DAA #9EB422 #8B9E1E

Split Complementary Palette

#298797 #2D96A8 #A92D58 #B24269 #A97E2D #987129

Square Palette

#267E8D #2D96A8 #7B389F #9F4738 #58A92D #73B74F

Tetradic Palette

#257B8A #2D96A8 #321ABC #A9402D #A4BC1A #B4C843

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2D96A8 contains 45 red, 150 green, and 168 blue.

Contrast Ratio: 3.43:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.12:1