0 views

#5a56e0 - Color Information

#5a56e0

Base Information

HEX

#5a56e0

RGB

90,86,224

HSL

242,69,61

HSV

242,62,88

CMYK

60,62,0,12

LAB

45,41,-70

LCH

45,81,301

XYZ

21,14,72

Web Safe

#6666cc

Web Smart

#5555dd

is dark

Yes

luminosity

0.1421

Pantone Color

Combinations

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

#5a56e0

#DCE056

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

#5a56e0

#E09F56

#97E056

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

#5a56e0

#E05A56

#56E05A

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

#5a56e0

#E05697

#DCE056

#56E09F

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

#5a56e0

#DCE056

#E09F56

#97E056

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

#5a56e0

#9F56E0

#E056DC

#E05697

Shades

#5a56e0 Light Tints

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

#5A56E0

#6B67E3

#7B78E6

#8C89E9

#9C9AEC

#ADABF0

#BDBBF3

#CECCF6

#DEDDF9

#EFEEFC

#5a56e0 Gray Shades

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

#5A56E0

#5E5AD6

#625ECD

#6563C3

#6967BA

#6D6BB0

#716FA6

#75739D

#787893

#7C7C8A

#5a56e0 Dark Shades

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

#5A56E0

#514DCA

#4845B3

#3F3C9D

#363486

#2D2B70

#24225A

#1B1A43

#12112D

#090916

#5a56e0 Red Shades

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

#5A56E0

#6B4DCA

#7B45B3

#8C3C9D

#9C3486

#AD2B70

#BD225A

#CE1A43

#DE112D

#EF0916

#5a56e0 Green Shades

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

#5A56E0

#515ACA

#485EB3

#3F639D

#366786

#2D6B70

#246F5A

#1B7343

#12782D

#097C16

#5a56e0 Blue Shades

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

#5A56E0

#514DE3

#4845E6

#3F3CE9

#3634EC

#2D2BF0

#2422F3

#1B1AF6

#1211F9

#0909FC

Readability Analysis

#5a56e0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.47	AA	Sample Text
Black	3.84	A	Sample Text
Red	1.37	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.57	Fail	Sample Text

#5a56e0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.47	AA	Sample Text
Black	3.84	A	Sample Text
Red	1.37	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.57	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#2160d8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2164c6`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#3369a1`
Protanopia	No red perception - Dichromacy	`#0066d3`
Deuteranopia	No green perception - Dichromacy	`#006cb7`
Tritanopia	No blue perception - Dichromacy	`#1c747d`
Achromatomaly	Partial color blindness - Monochromacy	`#5e5d8f`
Achromatopsia	Complete color blindness - Monochromacy	`#616161`

#5a56e0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#5a56e0 Light Tints

#5a56e0 Gray Shades

#5a56e0 Dark Shades

#5a56e0 Red Shades

#5a56e0 Green Shades

#5a56e0 Blue Shades

Readability Analysis

#5a56e0 as Text Color

#5a56e0 as Background Color

Color Blindness Simulation

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

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

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

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

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

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