0 views

#662ef1 - Color Information

#662ef1

Base Information

HEX

#662ef1

RGB

102,46,241

HSL

257,87,56

HSV

257,81,95

CMYK

58,81,0,5

LAB

40,68,-87

LCH

40,111,308

XYZ

22,11,84

Web Safe

#6633ff

Web Smart

#6633ee

is dark

Yes

luminosity

0.1113

Pantone Color

Combinations

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

#662ef1

#B9F12E

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

#662ef1

#F1C82E

#57F12E

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

#662ef1

#F1662E

#2EF166

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

#662ef1

#F12E57

#B9F12E

#2EF1C8

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

#662ef1

#B9F12E

#F1C82E

#57F12E

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

#662ef1

#C82EF1

#F12EB9

#F12E57

Shades

#662ef1 Light Tints

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

#662EF1

#7543F2

#8558F4

#946DF5

#A382F7

#B397F8

#C2ABF9

#D1C0FB

#E0D5FC

#F0EAFE

#662ef1 Gray Shades

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

#662EF1

#6936E6

#6B3EDA

#6E47CF

#704FC4

#7357B9

#765FAD

#7867A2

#7B7097

#7D788B

#662ef1 Dark Shades

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

#662EF1

#5C29D9

#5225C1

#4720A9

#3D1C91

#331779

#291260

#1F0E48

#140930

#0A0518

#662ef1 Red Shades

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

#662EF1

#7529D9

#8525C1

#9420A9

#A31C91

#B31779

#C21260

#D10E48

#E00930

#F00518

#662ef1 Green Shades

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

#662EF1

#5C36D9

#523EC1

#4747A9

#3D4F91

#335779

#295F60

#1F6748

#147030

#0A7818

#662ef1 Blue Shades

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

#662EF1

#5C29F2

#5225F4

#4720F5

#3D1CF7

#3317F8

#2912F9

#1F0EFB

#1409FC

#0A05FE

Readability Analysis

#662ef1 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.51	AA	Sample Text
Black	3.23	A	Sample Text
Red	1.63	Fail	Sample Text
Green	1.27	Fail	Sample Text
Blue	1.32	Fail	Sample Text

#662ef1 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.51	AA	Sample Text
Black	3.23	A	Sample Text
Red	1.63	Fail	Sample Text
Green	1.27	Fail	Sample Text
Blue	1.32	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#254bcf`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#254ebe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#36539f`
Protanopia	No red perception - Dichromacy	`#005bbc`
Deuteranopia	No green perception - Dichromacy	`#0061a1`
Tritanopia	No blue perception - Dichromacy	`#1a6770`
Achromatomaly	Partial color blindness - Monochromacy	`#533f85`
Achromatopsia	Complete color blindness - Monochromacy	`#484848`

#662ef1 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#662ef1 Light Tints

#662ef1 Gray Shades

#662ef1 Dark Shades

#662ef1 Red Shades

#662ef1 Green Shades

#662ef1 Blue Shades

Readability Analysis

#662ef1 as Text Color

#662ef1 as Background Color

Color Blindness Simulation

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

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

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

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

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

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