#2C63C2 Color

Color Information

HEX	#2C63C2
RGB	44, 99, 194
HSL	218° , 63% , 47%
HSV	218° , 77% , 76%
CMYK	77%, 49%, 0%, 24%

Lighter Shades

#4576C9 #5F88D1 #789BD8 #91AEDF #ABC1E7 #C4D3EE

Darker Shades

#2757AB #214B93 #1C3F7C #173365 #12284E #0C1C36

Complementary Palette

#2655A7 #2C63C2 #A87826 #C38C2C #CB9C4A #4A79CB

Analogous Palette

#3F909D #449EAB #295DB6 #2C63C2 #5244AB #6155AF

Triadic Palette

#2757AB #2C63C2 #CF2061 #D53B74 #61CF20 #55B61C

Split Complementary Palette

#2859AF #2C63C2 #C3402C #C95341 #AFC32C #9EB028

Square Palette

#2553A3 #2C63C2 #B738A6 #B78938 #2CC340 #4ECD5F

Tetradic Palette

#24519F #2C63C2 #9217D9 #C38C2C #5ED917 #7BE041

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C63C2 contains 44 red, 99 green, and 194 blue.

Contrast Ratio: 5.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.66:1