#2D96B4 Color

Color Information

HEX#2D96B4
RGB45, 150, 180
HSL193° , 60% , 44%
HSV193° , 75% , 71%
CMYK75%, 17%, 0%, 29%

Lighter Shades

#46A3BD #5FAFC6 #79BCCF #92C8D8 #ABD5E1 #C4E2EA

Darker Shades

#28849E #227289 #1D6073 #174E5E #123C48 #0D2A32

Complementary Palette

#27819B #2D96B4 #9B4027 #B44A2D #BF634A #4AA5BF

Analogous Palette

#3F927B #439D84 #2A8DA9 #2D96B4 #435D9D #576DA2

Triadic Palette

#28849E #2D96B4 #BF229D #C73DA9 #9DBF22 #8AA81E

Split Complementary Palette

#2987A2 #2D96B4 #B42D53 #BC4264 #B48D2D #A27F29

Square Palette

#267E97 #2D96B4 #8938A8 #A85038 #53B42D #6FC04F

Tetradic Palette

#257B94 #2D96B4 #3F19C8 #B44A2D #A2C819 #B3D242

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2D96B4 contains 45 red, 150 green, and 180 blue.

Contrast Ratio: 3.38:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.22:1