0 views

#564fb2 - Color Information

#564fb2

Base Information

HEX

#564fb2

RGB

86,79,178

HSL

244,39,50

HSV

244,56,70

CMYK

52,56,0,30

LAB

39,30,-52

LCH

39,60,300

XYZ

15,11,43

Web Safe

#666699

Web Smart

#5555aa

is dark

Yes

luminosity

0.1078

Pantone Color

Combinations

#564fb2 complementary
Colors that are opposite to each other, forming a contrasting pair.

#564fb2

#ABB24F

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

#564fb2

#B2884F

#79B24F

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

#564fb2

#B2564F

#4FB256

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

#564fb2

#B24F79

#ABB24F

#4FB288

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

#564fb2

#ABB24F

#B2884F

#79B24F

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

#564fb2

#884FB2

#B24FAB

#B24F79

Shades

#564fb2 Light Tints

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

#564FB2

#6761BA

#7872C1

#8984C9

#9A95D1

#ABA7D9

#BBB9E0

#CCCAE8

#DDDCF0

#EEEDF7

#564fb2 Gray Shades

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

#564FB2

#5A54AD

#5E59A8

#635EA3

#67639E

#6B6899

#6F6C94

#73718F

#78768A

#7C7B85

#564fb2 Dark Shades

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

#564FB2

#4D47A0

#453F8E

#3C377D

#342F6B

#2B2859

#222047

#1A1835

#111024

#090812

#564fb2 Red Shades

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

#564FB2

#6747A0

#783F8E

#89377D

#9A2F6B

#AB2859

#BB2047

#CC1835

#DD1024

#EE0812

#564fb2 Green Shades

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

#564FB2

#4D54A0

#45598E

#3C5E7D

#34636B

#2B6859

#226C47

#1A7135

#117624

#097B12

#564fb2 Blue Shades

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

#564FB2

#4D47BA

#453FC1

#3C37C9

#342FD1

#2B28D9

#2220E0

#1A18E8

#1110F0

#0908F7

Readability Analysis

#564fb2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.65	AA	Sample Text
Black	3.16	A	Sample Text
Red	1.66	Fail	Sample Text
Green	1.29	Fail	Sample Text
Blue	1.29	Fail	Sample Text

#564fb2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.65	AA	Sample Text
Black	3.16	A	Sample Text
Red	1.66	Fail	Sample Text
Green	1.29	Fail	Sample Text
Blue	1.29	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#2956b7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1f59a9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#455c85`
Protanopia	No red perception - Dichromacy	`#0f5aba`
Deuteranopia	No green perception - Dichromacy	`#005fa4`
Tritanopia	No blue perception - Dichromacy	`#3b636b`
Achromatomaly	Partial color blindness - Monochromacy	`#575478`
Achromatopsia	Complete color blindness - Monochromacy	`#585858`

#564fb2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#564fb2 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#564fb2 Light Tints

#564fb2 Gray Shades

#564fb2 Dark Shades

#564fb2 Red Shades

#564fb2 Green Shades

#564fb2 Blue Shades

Readability Analysis

#564fb2 as Text Color

#564fb2 as Background Color

Color Blindness Simulation

#564fb2 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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