0 views

#8225dd - Color Information

#8225dd

Base Information

HEX

#8225dd

RGB

130,37,221

HSL

270,73,51

HSV

270,83,87

CMYK

41,83,0,13

LAB

40,70,-75

LCH

40,103,313

XYZ

23,11,69

Web Safe

#9933cc

Web Smart

#8822dd

luminosity

0.1129

is dark color

Yes

Generate #8225dd solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

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

#8225dd

#80DD25

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

#8225dd

#DCDD25

#25DD26

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

#8225dd

#DD8225

#25DD82

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

#8225dd

#DD2625

#80DD25

#25DCDD

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

#8225dd

#80DD25

#DCDD25

#25DD26

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

#8225dd

#DD25DC

#DD2580

#DD2625

Shades

#8225dd Light Tints

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

#8225DD

#8F3BE0

#9B51E4

#A866E7

#B47CEB

#C192EE

#CDA8F1

#DABEF5

#E6D3F8

#F3E9FC

#8225dd Gray Shades

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

#8225DD

#822ED4

#8237CA

#8140C1

#8149B8

#8153AF

#815CA5

#81659C

#806E93

#807789

#8225dd Dark Shades

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

#8225DD

#7521C7

#681EB1

#5B1A9B

#4E1685

#41136F

#340F58

#270B42

#1A072C

#0D0416

#8225dd Red Shades

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

#8225DD

#8F21C7

#9B1EB1

#A81A9B

#B41685

#C1136F

#CD0F58

#DA0B42

#E6072C

#F30416

#8225dd Green Shades

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

#8225DD

#752EC7

#6837B1

#5B409B

#4E4985

#41536F

#345C58

#276542

#1A6E2C

#0D7716

#8225dd Blue Shades

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

#8225DD

#7521E0

#681EE4

#5B1AE7

#4E16EB

#4113EE

#340FF1

#270BF5

#1A07F8

#0D04FC

Readability Analysis

#8225dd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.45	AA	Sample Text
Black	3.26	A	Sample Text
Red	1.61	Fail	Sample Text
Green	1.25	Fail	Sample Text
Blue	1.33	Fail	Sample Text

#8225dd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.45	AA	Sample Text
Black	3.26	A	Sample Text
Red	1.61	Fail	Sample Text
Green	1.25	Fail	Sample Text
Blue	1.33	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#2f48c9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2f4bb9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#6d4990`
Protanopia	No red perception - Dichromacy	`#005cbd`
Deuteranopia	No green perception - Dichromacy	`#0061a4`
Tritanopia	No blue perception - Dichromacy	`#615d65`
Achromatomaly	Partial color blindness - Monochromacy	`#5c3a7d`
Achromatopsia	Complete color blindness - Monochromacy	`#464646`

#8225dd Color Code

Name	Code
#8225dd css background color code	`.bg { background-color: #8225dd; }`
#8225dd css text color code	`.text { color: #8225dd; }`
#8225dd css border color code	`.border { border-color: #8225dd; }`

#8225dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #8225dd solid background color

Combinations

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

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

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

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

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

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

Shades

#8225dd Light Tints

#8225dd Gray Shades

#8225dd Dark Shades

#8225dd Red Shades

#8225dd Green Shades

#8225dd Blue Shades

Readability Analysis

#8225dd as Text Color

#8225dd as Background Color

Color Blindness Simulation

#8225dd Color Code

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

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

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

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

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

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