0 views

#5a6dba - Color Information

#5a6dba

Base Information

HEX

#5a6dba

RGB

90,109,186

HSL

228,41,54

HSV

228,52,73

CMYK

52,41,0,27

LAB

48,15,-43

LCH

48,45,289

XYZ

19,17,49

Web Safe

#6666cc

Web Smart

#5566bb

is dark

Yes

luminosity

0.1666

Pantone Color

Combinations

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

#5a6dba

#BAA75A

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

#5a6dba

#BA775A

#9DBA5A

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

#5a6dba

#BA5A6D

#6DBA5A

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

#5a6dba

#BA5A9D

#BAA75A

#5ABA77

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

#5a6dba

#BAA75A

#BA775A

#9DBA5A

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

#5a6dba

#775ABA

#A75ABA

#BA5A9D

Shades

#5a6dba Light Tints

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

#5A6DBA

#6B7CC1

#7B8AC8

#8C99CF

#9CA7D6

#ADB6DD

#BDC5E3

#CED3EA

#DEE2F1

#EFF0F8

#5a6dba Gray Shades

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

#5A6DBA

#5E6FB4

#6271AE

#6573A9

#6975A3

#6D779D

#717897

#757A91

#787C8C

#7C7E86

#5a6dba Dark Shades

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

#5A6DBA

#5162A7

#485795

#3F4C82

#364170

#2D375D

#242C4A

#1B2138

#121625

#090B13

#5a6dba Red Shades

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

#5A6DBA

#6B62A7

#7B5795

#8C4C82

#9C4170

#AD375D

#BD2C4A

#CE2138

#DE1625

#EF0B13

#5a6dba Green Shades

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

#5A6DBA

#516FA7

#487195

#3F7382

#367570

#2D775D

#24784A

#1B7A38

#127C25

#097E13

#5a6dba Blue Shades

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

#5A6DBA

#5162C1

#4857C8

#3F4CCF

#3641D6

#2D37DD

#242CE3

#1B21EA

#1216F1

#090BF8

Readability Analysis

#5a6dba as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.85	AA	Sample Text
Black	4.33	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.77	Fail	Sample Text

#5a6dba as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.85	AA	Sample Text
Black	4.33	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.77	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#546eba`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4c70b8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#4d7497`
Protanopia	No red perception - Dichromacy	`#506fba`
Deuteranopia	No green perception - Dichromacy	`#4471b7`
Tritanopia	No blue perception - Dichromacy	`#457982`
Achromatomaly	Partial color blindness - Monochromacy	`#676e8a`
Achromatopsia	Complete color blindness - Monochromacy	`#6f6f6f`

#5a6dba - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#5a6dba Light Tints

#5a6dba Gray Shades

#5a6dba Dark Shades

#5a6dba Red Shades

#5a6dba Green Shades

#5a6dba Blue Shades

Readability Analysis

#5a6dba as Text Color

#5a6dba as Background Color

Color Blindness Simulation

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

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

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

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

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

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