0 views

#5364a2 - Color Information

#5364a2

Base Information

HEX

#5364a2

RGB

83,100,162

HSL

227,32,48

HSV

227,49,64

CMYK

49,38,0,36

LAB

44,11,-36

LCH

44,37,287

XYZ

15,14,36

Web Safe

#666699

Web Smart

#5566aa

is dark

Yes

luminosity

0.1356

Pantone Color

Combinations

#5364a2 complementary
Colors that are opposite to each other, forming a contrasting pair.

#5364a2

#A29153

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

#5364a2

#A26A53

#8BA253

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

#5364a2

#A25364

#64A253

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

#5364a2

#A2538B

#A29153

#53A26A

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

#5364a2

#A29153

#A26A53

#8BA253

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

#5364a2

#6A53A2

#9153A2

#A2538B

Shades

#5364a2 Light Tints

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

#5364A2

#6474AB

#7583B5

#8793BE

#98A2C7

#A9B2D1

#BAC1DA

#CBD1E3

#DDE0EC

#EEF0F6

#5364a2 Gray Shades

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

#5364A2

#58679F

#5C6A9B

#616C98

#656F94

#6A7291

#6E758E

#73788A

#777A87

#7C7D83

#5364a2 Dark Shades

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

#5364A2

#4B5A92

#425082

#3A4671

#323C61

#2A3251

#212841

#191E31

#111420

#080A10

#5364a2 Red Shades

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

#5364A2

#645A92

#755082

#874671

#983C61

#A93251

#BA2841

#CB1E31

#DD1420

#EE0A10

#5364a2 Green Shades

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

#5364A2

#4B6792

#426A82

#3A6C71

#326F61

#2A7251

#217541

#197831

#117A20

#087D10

#5364a2 Blue Shades

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

#5364A2

#4B5AAB

#4250B5

#3A46BE

#323CC7

#2A32D1

#2128DA

#191EE3

#1114EC

#080AF6

Readability Analysis

#5364a2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.66	AA	Sample Text
Black	3.71	A	Sample Text
Red	1.41	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.52	Fail	Sample Text

#5364a2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.66	AA	Sample Text
Black	3.71	A	Sample Text
Red	1.41	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.52	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#5165a2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4c66a0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#4a6a86`
Protanopia	No red perception - Dichromacy	`#4f65a1`
Deuteranopia	No green perception - Dichromacy	`#48679f`
Tritanopia	No blue perception - Dichromacy	`#446d76`
Achromatomaly	Partial color blindness - Monochromacy	`#5e657b`
Achromatopsia	Complete color blindness - Monochromacy	`#656565`

#5364a2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#5364a2 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#5364a2 Light Tints

#5364a2 Gray Shades

#5364a2 Dark Shades

#5364a2 Red Shades

#5364a2 Green Shades

#5364a2 Blue Shades

Readability Analysis

#5364a2 as Text Color

#5364a2 as Background Color

Color Blindness Simulation

#5364a2 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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