0 views

#cc22a7 - Color Information

#cc22a7

Base Information

HEX

#cc22a7

RGB

204,34,167

HSL

313,71,47

HSV

313,83,80

CMYK

0,83,18,20

LAB

48,74,-31

LCH

48,80,337

XYZ

32,17,38

Web Safe

#cc3399

Web Smart

#cc22aa

is dark

Yes

luminosity

0.1677

Pantone Color

Combinations

#cc22a7 complementary
Colors that are opposite to each other, forming a contrasting pair.

#cc22a7

#22CC47

#cc22a7 splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#cc22a7

#52CC22

#22CC9C

#cc22a7 triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#cc22a7

#A7CC22

#22A7CC

#cc22a7 tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#cc22a7

#CC9C22

#22CC47

#2252CC

#cc22a7 analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#cc22a7

#22CC47

#52CC22

#22CC9C

#cc22a7 analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.

#cc22a7

#CC2252

#CC4722

#CC9C22

Shades

#cc22a7 Light Tints

A series of lighter variations of the base color, created by mixing it with increasing amounts of white.

#CC22A7

#D138B0

#D64EB9

#DB64C1

#E07ACA

#E691D3

#EBA7DC

#F0BDE5

#F5D3ED

#FAE9F6

#cc22a7 Gray Shades

A collection of shades that blend the base color with gray, resulting in more muted and subdued tones.

#CC22A7

#C42BA3

#BD359F

#B53E9B

#AE4897

#A65194

#9E5A90

#97648C

#8F6D88

#887784

#cc22a7 Dark Shades

Darker versions of the base color, achieved by mixing it with increasing amounts of black.

#CC22A7

#B81F96

#A31B86

#8F1875

#7A1464

#661154

#520E43

#3D0A32

#290721

#140311

#cc22a7 Red Shades

A gradient of colors formed by mixing the base color with red, producing warmer and more intense hues.

#CC22A7

#D11F96

#D61B86

#DB1875

#E01464

#E61154

#EB0E43

#F00A32

#F50721

#FA0311

#cc22a7 Green Shades

A range of colors generated by blending the base color with green, resulting in fresher and more vibrant tones.

#CC22A7

#B82B96

#A33586

#8F3E75

#7A4864

#665154

#525A43

#3D6432

#296D21

#147711

#cc22a7 Blue Shades

A spectrum of colors created by mixing the base color with blue, yielding cooler and more calming shades.

#CC22A7

#B81FB0

#A31BB9

#8F18C1

#7A14CA

#6611D3

#520EDC

#3D0AE5

#2907ED

#1403F6

Readability Analysis

#cc22a7 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.82	AA	Sample Text
Black	4.35	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.78	Fail	Sample Text

#cc22a7 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.82	AA	Sample Text
Black	4.35	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.78	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#6952c6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#8c539c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c63b6e`
Protanopia	No red perception - Dichromacy	`#306ed8`
Deuteranopia	No green perception - Dichromacy	`#687096`
Tritanopia	No blue perception - Dichromacy	`#c2494e`
Achromatomaly	Partial color blindness - Monochromacy	`#7d3f6f`
Achromatopsia	Complete color blindness - Monochromacy	`#505050`

#cc22a7 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#cc22a7 complementaryColors that are opposite to each other, forming a contrasting pair.

#cc22a7 splitComplementaryA base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#cc22a7 triadicThree colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#cc22a7 tetradicFour colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#cc22a7 analogousComplementaryA combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#cc22a7 analogousColors that are next to each other on the color wheel, producing serene and comfortable designs.

Shades

#cc22a7 Light Tints

#cc22a7 Gray Shades

#cc22a7 Dark Shades

#cc22a7 Red Shades

#cc22a7 Green Shades

#cc22a7 Blue Shades

Readability Analysis

#cc22a7 as Text Color

#cc22a7 as Background Color

Color Blindness Simulation

#cc22a7 complementary
Colors that are opposite to each other, forming a contrasting pair.

#cc22a7 splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#cc22a7 triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#cc22a7 tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#cc22a7 analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#cc22a7 analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.