#2996DF Color

Color Information

HEX#2996DF
RGB41, 150, 223
HSL204° , 74% , 52%
HSV204° , 82% , 87%
CMYK82%, 33%, 0%, 13%

Lighter Shades

#43A3E3 #5CAFE7 #76BCEB #90C8EE #A9D5F2 #C3E2F6

Darker Shades

#2484C4 #1F72A9 #1A608F #154E74 #103C59 #0B2A3E

Complementary Palette

#2381C0 #2996DF #C06224 #DF722A #E38648 #47A5E3

Analogous Palette

#40B5A9 #43C7B9 #278DD2 #2996DF #4350C7 #525ECB

Triadic Palette

#2484C4 #2996DF #EB1E99 #ED39A5 #99EB1E #87CF1A

Split Complementary Palette

#2587C9 #2996DF #DF2A3C #E23F50 #DFCD2A #C9B926

Square Palette

#227EBB #2996DF #C336D3 #D37536 #3CDF2A #5BE44C

Tetradic Palette

#227BB7 #2996DF #6E14F5 #DF722A #9BF514 #ADF73E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2996DF contains 41 red, 150 green, and 223 blue.

Contrast Ratio: 3.18:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.6:1