#2F96BF Color

Color Information

HEX#2F96BF
RGB47, 150, 191
HSL197° , 61% , 47%
HSV197° , 75% , 75%
CMYK75%, 21%, 0%, 25%

Lighter Shades

#48A3C7 #61AFCE #7ABCD6 #93C8DE #ACD5E5 #C5E2ED

Darker Shades

#2984A8 #247291 #1E607A #184E63 #133C4C #0D2A35

Complementary Palette

#2881A4 #2F96BF #A64C28 #C1582F #CA6F4C #4CA5C8

Analogous Palette

#419B87 #47A994 #2C8DB4 #2F96BF #475CA9 #586AAD

Triadic Palette

#2984A8 #2F96BF #CD239D #D33DA9 #9DCD23 #8AB41F

Split Complementary Palette

#2A87AC #2F96BF #C12F4E #C74460 #C1A12F #AE912A

Square Palette

#277EA0 #2F96BF #9A3BB5 #B55D3B #4EC12F #6ACB50

Tetradic Palette

#277B9D #2F96BF #4F19D7 #C1582F #A1D719 #B2DE42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2F96BF contains 47 red, 150 green, and 191 blue.

Contrast Ratio: 3.32:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.32:1