#CCA2F0 Color

Color Information

HEX#CCA2F0
RGB204, 162, 240
HSL272° , 72% , 79%
HSV272° , 33% , 94%
CMYK15%, 33%, 0%, 6%

Lighter Shades

#D2ADF2 #D8B8F4 #DEC3F5 #E4CFF7 #EBDAF9 #F1E5FB

Darker Shades

#B48FD3 #9B7BB6 #83689A #6A547D #524160 #392D43

Complementary Palette

#AF8BCE #CCA2F0 #ABCE8C #C7F0A3 #CFF2B0 #D3AFF2

Analogous Palette

#A6A5CF #AFAEE5 #C098E2 #CCA2F0 #E5AEE3 #E8B5E5

Triadic Palette

#B48FD3 #CCA2F0 #F5CC9E #F6D2AA #9EF5CC #8BD8B4

Split Complementary Palette

#B892D8 #CCA2F0 #EDF0A3 #EFF2AC #A3F0A5 #93D895

Square Palette

#AB88CA #CCA2F0 #EBAAA8 #C7EBA8 #A3EDF0 #B2F0F2

Tetradic Palette

#A785C5 #CCA2F0 #FA99C6 #C7F0A3 #99FACD #ABFBD6

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCA2F0 contains 204 red, 162 green, and 240 blue.

Contrast Ratio: 2.07:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.14:1