0 views

#cc2da3 - Color Information

#cc2da3

Base Information

HEX

#cc2da3

RGB

204,45,163

HSL

315,64,49

HSV

315,78,80

CMYK

0,78,20,20

LAB

49,71,-27

LCH

49,76,339

XYZ

32,17,36

Web Safe

#cc3399

Web Smart

#cc33aa

is dark

Yes

luminosity

0.1736

Pantone Color

Combinations

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

#cc2da3

#2DCC56

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

#cc2da3

#53CC2D

#2DCCA6

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

#cc2da3

#A3CC2D

#2DA3CC

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

#cc2da3

#CCA62D

#2DCC56

#2D53CC

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

#cc2da3

#2DCC56

#53CC2D

#2DCCA6

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

#cc2da3

#CC2D53

#CC562D

#CCA62D

Shades

#cc2da3 Light Tints

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

#CC2DA3

#D142AC

#D657B5

#DB6CBF

#E081C8

#E696D1

#EBABDA

#F0C0E3

#F5D5ED

#FAEAF6

#cc2da3 Gray Shades

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

#CC2DA3

#C435A0

#BD3E9C

#B54699

#AE4E95

#A65792

#9E5F8E

#97678B

#8F6F87

#887884

#cc2da3 Dark Shades

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

#CC2DA3

#B82993

#A32482

#8F1F72

#7A1B62

#661752

#521241

#3D0D31

#290921

#140410

#cc2da3 Red Shades

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

#CC2DA3

#D12993

#D62482

#DB1F72

#E01B62

#E61752

#EB1241

#F00D31

#F50921

#FA0410

#cc2da3 Green Shades

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

#CC2DA3

#B83593

#A33E82

#8F4672

#7A4E62

#665752

#525F41

#3D6731

#296F21

#147810

#cc2da3 Blue Shades

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

#CC2DA3

#B829AC

#A324B5

#8F1FBF

#7A1BC8

#6617D1

#5212DA

#3D0DE3

#2909ED

#1404F6

Readability Analysis

#cc2da3 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.70	AA	Sample Text
Black	4.47	A	Sample Text
Red	1.17	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.83	Fail	Sample Text

#cc2da3 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.70	AA	Sample Text
Black	4.47	A	Sample Text
Red	1.17	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.83	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#7558bf`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#905899`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c6416f`
Protanopia	No red perception - Dichromacy	`#4370ce`
Deuteranopia	No green perception - Dichromacy	`#6d7193`
Tritanopia	No blue perception - Dichromacy	`#c34c51`
Achromatomaly	Partial color blindness - Monochromacy	`#824873`
Achromatopsia	Complete color blindness - Monochromacy	`#575757`

#cc2da3 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cc2da3 Light Tints

#cc2da3 Gray Shades

#cc2da3 Dark Shades

#cc2da3 Red Shades

#cc2da3 Green Shades

#cc2da3 Blue Shades

Readability Analysis

#cc2da3 as Text Color

#cc2da3 as Background Color

Color Blindness Simulation

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

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

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

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

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

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