0 views

#5a55e8 - Color Information

#5a55e8

Base Information

HEX

#5a55e8

RGB

90,85,232

HSL

242,76,62

HSV

242,63,91

CMYK

61,63,0,9

LAB

45,44,-74

LCH

45,86,301

XYZ

22,14,78

Web Safe

#6666ff

Web Smart

#5555ee

is dark

Yes

luminosity

0.1450

Pantone Color

Combinations

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

#5a55e8

#E3E855

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

#5a55e8

#E8A355

#9AE855

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

#5a55e8

#E85A55

#55E85A

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

#5a55e8

#E8559A

#E3E855

#55E8A3

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

#5a55e8

#E3E855

#E8A355

#9AE855

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

#5a55e8

#A355E8

#E855E3

#E8559A

Shades

#5a55e8 Light Tints

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

#5A55E8

#6B66EA

#7B77ED

#8C88EF

#9C99F1

#ADAAF4

#BDBBF6

#CECCF8

#DEDDFA

#EFEEFD

#5a55e8 Gray Shades

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

#5A55E8

#5E59DE

#625ED3

#6562C9

#6966BE

#6D6BB4

#716FAA

#75739F

#787795

#7C7C8A

#5a55e8 Dark Shades

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

#5A55E8

#514DD1

#4844BA

#3F3BA2

#36338B

#2D2B74

#24225D

#1B1946

#12112E

#090817

#5a55e8 Red Shades

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

#5A55E8

#6B4DD1

#7B44BA

#8C3BA2

#9C338B

#AD2B74

#BD225D

#CE1946

#DE112E

#EF0817

#5a55e8 Green Shades

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

#5A55E8

#5159D1

#485EBA

#3F62A2

#36668B

#2D6B74

#246F5D

#1B7346

#12772E

#097C17

#5a55e8 Blue Shades

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

#5A55E8

#514DEA

#4844ED

#3F3BEF

#3633F1

#2D2BF4

#2422F6

#1B19F8

#1211FA

#0908FD

Readability Analysis

#5a55e8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.39	AA	Sample Text
Black	3.90	A	Sample Text
Red	1.35	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.60	Fail	Sample Text

#5a55e8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.39	AA	Sample Text
Black	3.90	A	Sample Text
Red	1.35	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.60	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#2160dc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2164c9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#216aa5`
Protanopia	No red perception - Dichromacy	`#0067d5`
Deuteranopia	No green perception - Dichromacy	`#006db8`
Tritanopia	No blue perception - Dichromacy	`#00757f`
Achromatomaly	Partial color blindness - Monochromacy	`#5e5c92`
Achromatopsia	Complete color blindness - Monochromacy	`#616161`

#5a55e8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#5a55e8 Light Tints

#5a55e8 Gray Shades

#5a55e8 Dark Shades

#5a55e8 Red Shades

#5a55e8 Green Shades

#5a55e8 Blue Shades

Readability Analysis

#5a55e8 as Text Color

#5a55e8 as Background Color

Color Blindness Simulation

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

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

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

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

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

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