0 views

#a306f7 - Color Information

#a306f7

Base Information

HEX

#a306f7

RGB

163,6,247

HSL

279,95,50

HSV

279,98,97

CMYK

34,98,0,3

LAB

45,84,-82

LCH

45,117,316

XYZ

32,15,89

Web Safe

#9900ff

Web Smart

#aa00ff

is dark

Yes

luminosity

0.1463

Pantone Color

Combinations

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

#a306f7

#5AF706

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

#a306f7

#D3F706

#06F72A

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

#a306f7

#F7A306

#06F7A3

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

#a306f7

#F72A06

#5AF706

#06D3F7

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

#a306f7

#5AF706

#D3F706

#06F72A

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

#a306f7

#F706D3

#F7065A

#F72A06

Shades

#a306f7 Light Tints

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

#A306F7

#AC1FF8

#B538F9

#BF51F9

#C86AFA

#D183FB

#DA9BFC

#E3B4FD

#EDCDFD

#F6E6FE

#a306f7 Gray Shades

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

#A306F7

#A012EB

#9C1EDF

#992BD3

#9537C7

#9243BC

#8E4FB0

#8B5BA4

#876898

#84748C

#a306f7 Dark Shades

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

#A306F7

#9305DE

#8205C6

#7204AD

#620494

#52037C

#410263

#31024A

#210131

#100119

#a306f7 Red Shades

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

#A306F7

#AC05DE

#B505C6

#BF04AD

#C80494

#D1037C

#DA0263

#E3024A

#ED0131

#F60119

#a306f7 Green Shades

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

#A306F7

#9312DE

#821EC6

#722BAD

#623794

#52437C

#414F63

#315B4A

#216831

#107419

#a306f7 Blue Shades

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

#A306F7

#9305F8

#8205F9

#7204F9

#6204FA

#5203FB

#4102FC

#3102FD

#2101FD

#1001FE

Readability Analysis

#a306f7 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.35	AA	Sample Text
Black	3.93	A	Sample Text
Red	1.34	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.61	Fail	Sample Text

#a306f7 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.35	AA	Sample Text
Black	3.93	A	Sample Text
Red	1.34	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.61	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3b44e1`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#3b48cf`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#8e419d`
Protanopia	No red perception - Dichromacy	`#0067d5`
Deuteranopia	No green perception - Dichromacy	`#006db9`
Tritanopia	No blue perception - Dichromacy	`#82626a`
Achromatomaly	Partial color blindness - Monochromacy	`#5f267e`
Achromatopsia	Complete color blindness - Monochromacy	`#393939`

#a306f7 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a306f7 Light Tints

#a306f7 Gray Shades

#a306f7 Dark Shades

#a306f7 Red Shades

#a306f7 Green Shades

#a306f7 Blue Shades

Readability Analysis

#a306f7 as Text Color

#a306f7 as Background Color

Color Blindness Simulation

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

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

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

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

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

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