0 views

#cf22a0 - Color Information

#cf22a0

Base Information

HEX

#cf22a0

RGB

207,34,160

HSL

316,72,47

HSV

316,84,81

CMYK

0,84,23,19

LAB

48,73,-26

LCH

48,78,340

XYZ

33,17,35

Web Safe

#cc3399

Web Smart

#cc2299

is dark

Yes

luminosity

0.1695

Pantone Color

Combinations

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

#cf22a0

#22CF51

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

#cf22a0

#49CF22

#22CFA8

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

#cf22a0

#A0CF22

#22A0CF

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

#cf22a0

#CFA722

#22CF51

#2249CF

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

#cf22a0

#22CF51

#49CF22

#22CFA8

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

#cf22a0

#CF2249

#CF5122

#CFA722

Shades

#cf22a0 Light Tints

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

#CF22A0

#D438AA

#D94EB3

#DD64BD

#E27AC6

#E791D0

#ECA7D9

#F1BDE3

#F5D3EC

#FAE9F6

#cf22a0 Gray Shades

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

#CF22A0

#C72B9D

#BF359A

#B73E96

#AF4893

#A85190

#A05A8D

#98648A

#906D86

#887783

#cf22a0 Dark Shades

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

#CF22A0

#BA1F90

#A61B80

#911870

#7C1460

#681150

#530E40

#3E0A30

#290720

#150310

#cf22a0 Red Shades

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

#CF22A0

#D41F90

#D91B80

#DD1870

#E21460

#E71150

#EC0E40

#F10A30

#F50720

#FA0310

#cf22a0 Green Shades

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

#CF22A0

#BA2B90

#A63580

#913E70

#7C4860

#685150

#535A40

#3E6430

#296D20

#157710

#cf22a0 Blue Shades

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

#CF22A0

#BA1FAA

#A61BB3

#9118BD

#7C14C6

#6811D0

#530ED9

#3E0AE3

#2907EC

#1503F6

Readability Analysis

#cf22a0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.78	AA	Sample Text
Black	4.39	A	Sample Text
Red	1.20	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.80	Fail	Sample Text

#cf22a0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.78	AA	Sample Text
Black	4.39	A	Sample Text
Red	1.20	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.80	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#7353be`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#915395`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c9396a`
Protanopia	No red perception - Dichromacy	`#3e6fcf`
Deuteranopia	No green perception - Dichromacy	`#6d708f`
Tritanopia	No blue perception - Dichromacy	`#c6474b`
Achromatomaly	Partial color blindness - Monochromacy	`#7e3f6d`
Achromatopsia	Complete color blindness - Monochromacy	`#505050`

#cf22a0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cf22a0 Light Tints

#cf22a0 Gray Shades

#cf22a0 Dark Shades

#cf22a0 Red Shades

#cf22a0 Green Shades

#cf22a0 Blue Shades

Readability Analysis

#cf22a0 as Text Color

#cf22a0 as Background Color

Color Blindness Simulation

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

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

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

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

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

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