#2896CC Color

Color Information

HEX	#2896CC
RGB	40, 150, 204
HSL	200° , 67% , 48%
HSV	200° , 80% , 80%
CMYK	80%, 26%, 0%, 20%

Lighter Shades

#42A3D2 #5CAFD8 #75BCDE #8FC8E4 #A9D5EB #C3E2F1

Darker Shades

#2384B4 #1E729B #1A6083 #154E6A #103C52 #0B2A39

Complementary Palette

#2281AF #2896CC #AF5222 #CC5F28 #D37546 #46A5D3

Analogous Palette

#3BA593 #41B4A1 #268DC0 #2896CC #4154B4 #5162B8

Triadic Palette

#2384B4 #2896CC #D91C9A #DE37A6 #9AD91C #88BF19

Split Complementary Palette

#2487B8 #2896CC #CC2844 #D13E57 #CCB128 #B89F24

Square Palette

#227EAB #2896CC #A935C0 #C06335 #44CC28 #62D44A

Tetradic Palette

#217BA7 #2896CC #5812E2 #CC5F28 #9DE212 #AFE73D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2896CC contains 40 red, 150 green, and 204 blue.

Contrast Ratio: 3.28:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.41:1