#2D96D4 Color

Color Information

HEX#2D96D4
RGB45, 150, 212
HSL202° , 66% , 50%
HSV202° , 79% , 83%
CMYK79%, 29%, 0%, 17%

Lighter Shades

#46A3D9 #5FAFDE #79BCE3 #92C8E9 #ABD5EE #C4E2F3

Darker Shades

#2884BB #2272A1 #1D6088 #174E6E #123C55 #0D2A3B

Complementary Palette

#2781B6 #2D96D4 #B65A25 #D4692B #DA7E49 #4AA5DA

Analogous Palette

#3FAB9D #45BAAB #2A8DC7 #2D96D4 #4554BA #5462C0

Triadic Palette

#2884BB #2D96D4 #E01F99 #E43AA5 #99E01F #87C51B

Split Complementary Palette

#2987BF #2D96D4 #D42B42 #D84055 #D4BD2B #BFAA27

Square Palette

#267EB2 #2D96D4 #B438C7 #C76C38 #42D42B #60DB4D

Tetradic Palette

#257BAE #2D96D4 #6314EB #D4692B #9CEB14 #AEEF3E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2D96D4 contains 45 red, 150 green, and 212 blue.

Contrast Ratio: 3.23:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.51:1