0 views

#ca22b6 - Color Information

#ca22b6

Base Information

HEX

#ca22b6

RGB

202,34,182

HSL

307,71,46

HSV

307,83,79

CMYK

0,83,10,21

LAB

48,75,-39

LCH

48,85,333

XYZ

33,17,46

Web Safe

#cc33cc

Web Smart

#cc22bb

is dark

Yes

luminosity

0.1708

Pantone Color

Combinations

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

#ca22b6

#22CA36

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

#ca22b6

#62CA22

#22CA8A

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

#ca22b6

#B6CA22

#22B6CA

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

#ca22b6

#CA8A22

#22CA36

#2262CA

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

#ca22b6

#22CA36

#62CA22

#22CA8A

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

#ca22b6

#CA2262

#CA3622

#CA8A22

Shades

#ca22b6 Light Tints

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

#CA22B6

#CF38BD

#D54EC5

#DA64CC

#DF7AD3

#E591DB

#EAA7E2

#EFBDE9

#F4D3F0

#FAE9F8

#ca22b6 Gray Shades

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

#CA22B6

#C32BB1

#BB35AB

#B43EA6

#AC48A0

#A5519B

#9E5A96

#966490

#8F6D8B

#877785

#ca22b6 Dark Shades

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

#CA22B6

#B61FA4

#A21B92

#8D187F

#79146D

#65115B

#510E49

#3D0A37

#280724

#140312

#ca22b6 Red Shades

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

#CA22B6

#CF1FA4

#D51B92

#DA187F

#DF146D

#E5115B

#EA0E49

#EF0A37

#F40724

#FA0312

#ca22b6 Green Shades

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

#CA22B6

#B62BA4

#A23592

#8D3E7F

#79486D

#65515B

#515A49

#3D6437

#286D24

#147712

#ca22b6 Blue Shades

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

#CA22B6

#B61FBD

#A21BC5

#8D18CC

#7914D3

#6511DB

#510EE2

#3D0AE9

#2807F0

#1403F8

Readability Analysis

#ca22b6 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.76	AA	Sample Text
Black	4.42	A	Sample Text
Red	1.19	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.81	Fail	Sample Text

#ca22b6 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.76	AA	Sample Text
Black	4.42	A	Sample Text
Red	1.19	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.81	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4953d5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#8554aa`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c23e77`
Protanopia	No red perception - Dichromacy	`#006ee6`
Deuteranopia	No green perception - Dichromacy	`#5e71a3`
Tritanopia	No blue perception - Dichromacy	`#be4e53`
Achromatomaly	Partial color blindness - Monochromacy	`#7d4075`
Achromatopsia	Complete color blindness - Monochromacy	`#505050`

#ca22b6 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ca22b6 Light Tints

#ca22b6 Gray Shades

#ca22b6 Dark Shades

#ca22b6 Red Shades

#ca22b6 Green Shades

#ca22b6 Blue Shades

Readability Analysis

#ca22b6 as Text Color

#ca22b6 as Background Color

Color Blindness Simulation

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

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

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

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

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

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