0 views

#a22bb0 - Color Information

#a22bb0

Base Information

HEX

#a22bb0

RGB

162,43,176

HSL

294,61,43

HSV

294,76,69

CMYK

8,76,0,31

LAB

42,64,-46

LCH

42,79,324

XYZ

24,13,42

Web Safe

#993399

Web Smart

#aa33aa

is dark

Yes

luminosity

0.1254

Pantone Color

Combinations

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

#a22bb0

#39B02B

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

#a22bb0

#7BB02B

#2BB060

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

#a22bb0

#B0A22B

#2BB0A2

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

#a22bb0

#B0602B

#39B02B

#2B7BB0

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

#a22bb0

#39B02B

#7BB02B

#2BB060

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

#a22bb0

#B02B7B

#B02B39

#B0602B

Shades

#a22bb0 Light Tints

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

#A22BB0

#AB40B8

#B555C0

#BE6BC8

#C780D0

#D195D8

#DAAADF

#E3BFE7

#ECD5EF

#F6EAF7

#a22bb0 Gray Shades

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

#A22BB0

#9F34AB

#9B3CA6

#9845A2

#944D9D

#915698

#8E5E93

#8A678E

#876F8A

#837885

#a22bb0 Dark Shades

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

#A22BB0

#92279E

#82228D

#711E7B

#611A6A

#511658

#411146

#310D35

#200923

#100412

#a22bb0 Red Shades

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

#A22BB0

#AB279E

#B5228D

#BE1E7B

#C71A6A

#D11658

#DA1146

#E30D35

#EC0923

#F60412

#a22bb0 Green Shades

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

#A22BB0

#92349E

#823C8D

#71457B

#614D6A

#515658

#415E46

#316735

#206F23

#107812

#a22bb0 Blue Shades

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

#A22BB0

#9227B8

#8222C0

#711EC8

#611AD0

#5116D8

#4111DF

#310DE7

#2009EF

#1004F7

Readability Analysis

#a22bb0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.99	AA	Sample Text
Black	3.51	A	Sample Text
Red	1.50	Fail	Sample Text
Green	1.16	Fail	Sample Text
Blue	1.44	Fail	Sample Text

#a22bb0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.99	AA	Sample Text
Black	3.51	A	Sample Text
Red	1.50	Fail	Sample Text
Green	1.16	Fail	Sample Text
Blue	1.44	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3b4dbf`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#624fa6`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#994276`
Protanopia	No red perception - Dichromacy	`#0060c8`
Deuteranopia	No green perception - Dichromacy	`#3d64a0`
Tritanopia	No blue perception - Dichromacy	`#944f55`
Achromatomaly	Partial color blindness - Monochromacy	`#6c4172`
Achromatopsia	Complete color blindness - Monochromacy	`#4e4e4e`

#a22bb0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a22bb0 Light Tints

#a22bb0 Gray Shades

#a22bb0 Dark Shades

#a22bb0 Red Shades

#a22bb0 Green Shades

#a22bb0 Blue Shades

Readability Analysis

#a22bb0 as Text Color

#a22bb0 as Background Color

Color Blindness Simulation

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

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

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

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

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

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