#2C3299 Color

Color Information

HEX	#2C3299
RGB	44, 50, 153
HSL	237° , 55% , 39%
HSV	237° , 71% , 60%
CMYK	71%, 67%, 0%, 40%

Lighter Shades

#454BA5 #5F63B1 #787CBE #9194CA #ABADD6 #C4C6E2

Darker Shades

#272C87 #212674 #1C2062 #171A50 #12143D #0C0E2B

Complementary Palette

#262B84 #2C3299 #848027 #9A952D #A8A44A #4A4FA7

Analogous Palette

#3C5F7C #416786 #292F90 #2C3299 #604186 #6D548C

Triadic Palette

#272C87 #2C3299 #A42329 #AF3D43 #29A423 #24901F

Split Complementary Palette

#282D8A #2C3299 #9A5E2D #A46E42 #699A2D #5F8B29

Square Palette

#252A81 #2C3299 #903768 #908C37 #2D9A5E #4FAA78

Tetradic Palette

#24297D #2C3299 #A51BAC #9A952D #22AC1B #4ABB44

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C3299 contains 44 red, 50 green, and 153 blue.

Contrast Ratio: 10.74:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.96:1