0 views

#5a57b3 - Color Information

#5a57b3

Base Information

HEX

#5a57b3

RGB

90,87,179

HSL

242,38,52

HSV

242,51,70

CMYK

50,51,0,30

LAB

42,26,-49

LCH

42,55,298

XYZ

16,12,44

Web Safe

#6666cc

Web Smart

#5555bb

is dark

Yes

luminosity

0.1224

Pantone Color

Combinations

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

#5a57b3

#B0B357

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

#5a57b3

#B38857

#82B357

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

#5a57b3

#B35A57

#57B35A

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

#5a57b3

#B35782

#B0B357

#57B388

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

#5a57b3

#B0B357

#B38857

#82B357

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

#5a57b3

#8857B3

#B357B0

#B35782

Shades

#5a57b3 Light Tints

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

#5A57B3

#6B68BB

#7B79C2

#8C89CA

#9C9AD1

#ADABD9

#BDBCE1

#CECDE8

#DEDDF0

#EFEEF7

#5a57b3 Gray Shades

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

#5A57B3

#5E5BAE

#625FA9

#6563A4

#69679F

#6D6C9A

#717094

#75748F

#78788A

#7C7C85

#5a57b3 Dark Shades

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

#5A57B3

#514EA1

#48468F

#3F3D7D

#36346B

#2D2C5A

#242348

#1B1A36

#121124

#090912

#5a57b3 Red Shades

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

#5A57B3

#6B4EA1

#7B468F

#8C3D7D

#9C346B

#AD2C5A

#BD2348

#CE1A36

#DE1124

#EF0912

#5a57b3 Green Shades

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

#5A57B3

#515BA1

#485F8F

#3F637D

#36676B

#2D6C5A

#247048

#1B7436

#127824

#097C12

#5a57b3 Blue Shades

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

#5A57B3

#514EBB

#4846C2

#3F3DCA

#3634D1

#2D2CD9

#2423E1

#1B1AE8

#1211F0

#0909F7

Readability Analysis

#5a57b3 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.09	AA	Sample Text
Black	3.45	A	Sample Text
Red	1.52	Fail	Sample Text
Green	1.19	Fail	Sample Text
Blue	1.41	Fail	Sample Text

#5a57b3 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.09	AA	Sample Text
Black	3.45	A	Sample Text
Red	1.52	Fail	Sample Text
Green	1.19	Fail	Sample Text
Blue	1.41	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3e5cb7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#315faf`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#4b6289`
Protanopia	No red perception - Dichromacy	`#2e5fb9`
Deuteranopia	No green perception - Dichromacy	`#1a64ac`
Tritanopia	No blue perception - Dichromacy	`#426870`
Achromatomaly	Partial color blindness - Monochromacy	`#5d5c7d`
Achromatopsia	Complete color blindness - Monochromacy	`#5e5e5e`

#5a57b3 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#5a57b3 Light Tints

#5a57b3 Gray Shades

#5a57b3 Dark Shades

#5a57b3 Red Shades

#5a57b3 Green Shades

#5a57b3 Blue Shades

Readability Analysis

#5a57b3 as Text Color

#5a57b3 as Background Color

Color Blindness Simulation

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

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

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

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

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

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