#CA316C Color

Color Information

HEX#CA316C
RGB202, 49, 108
HSL337° , 61% , 49%
HSV337° , 76% , 79%
CMYK0%, 76%, 47%, 21%

Lighter Shades

#D04A7E #D7628F #DD7BA1 #E394B3 #EAADC4 #F0C5D6

Darker Shades

#B22B5F #9A2552 #811F45 #691938 #51142B #390E1E

Complementary Palette

#AE2A5D #CA316C #2AAD7B #31C98F #4ED19F #D14E81

Analogous Palette

#A24497 #B04AA4 #BE2E66 #CA316C #B0564A #B5645A

Triadic Palette

#B22B5F #CA316C #68D624 #7ADB3E #2468D6 #205CBC

Split Complementary Palette

#B62C61 #CA316C #31C943 #46CE56 #31B7C9 #2CA5B5

Square Palette

#AA295B #CA316C #AEBD3D #3DBD8C #4331C9 #6152D2

Tetradic Palette

#A62859 #CA316C #E0941A #31C98F #1A66E0 #4382E6

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #CA316C contains 202 red, 49 green, and 108 blue.

Contrast Ratio: 5.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.14:1