0 views

#564bb1 - Color Information

#564bb1

Base Information

HEX

#564bb1

RGB

86,75,177

HSL

246,40,49

HSV

246,58,69

CMYK

51,58,0,31

LAB

38,32,-53

LCH

38,62,301

XYZ

14,10,43

Web Safe

#663399

Web Smart

#5544aa

is dark

Yes

luminosity

0.1018

Pantone Color

Combinations

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

#564bb1

#A6B14B

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

#564bb1

#B1894B

#73B14B

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

#564bb1

#B1564B

#4BB156

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

#564bb1

#B14B73

#A6B14B

#4BB189

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

#564bb1

#A6B14B

#B1894B

#73B14B

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

#564bb1

#894BB1

#B14BA6

#B14B73

Shades

#564bb1 Light Tints

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

#564BB1

#675DB9

#786FC1

#8981C8

#9A93D0

#ABA5D8

#BBB7E0

#CCC9E8

#DDDBEF

#EEEDF7

#564bb1 Gray Shades

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

#564BB1

#5A50AC

#5E56A7

#635BA2

#67609D

#6B6699

#6F6B94

#73708F

#78758A

#7C7B85

#564bb1 Dark Shades

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

#564BB1

#4D449F

#453C8E

#3C357C

#342D6A

#2B2659

#221E47

#1A1635

#110F23

#090712

#564bb1 Red Shades

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

#564BB1

#67449F

#783C8E

#89357C

#9A2D6A

#AB2659

#BB1E47

#CC1635

#DD0F23

#EE0712

#564bb1 Green Shades

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

#564BB1

#4D509F

#45568E

#3C5B7C

#34606A

#2B6659

#226B47

#1A7035

#117523

#097B12

#564bb1 Blue Shades

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

#564BB1

#4D44B9

#453CC1

#3C35C8

#342DD0

#2B26D8

#221EE0

#1A16E8

#110FEF

#0907F7

Readability Analysis

#564bb1 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.91	AA	Sample Text
Black	3.04	A	Sample Text
Red	1.73	Fail	Sample Text
Green	1.35	Fail	Sample Text
Blue	1.24	Fail	Sample Text

#564bb1 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.91	AA	Sample Text
Black	3.04	A	Sample Text
Red	1.73	Fail	Sample Text
Green	1.35	Fail	Sample Text
Blue	1.24	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1f53b4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1f56a6`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#455882`
Protanopia	No red perception - Dichromacy	`#0057b6`
Deuteranopia	No green perception - Dichromacy	`#005c9f`
Tritanopia	No blue perception - Dichromacy	`#3b6068`
Achromatomaly	Partial color blindness - Monochromacy	`#555176`
Achromatopsia	Complete color blindness - Monochromacy	`#555555`

#564bb1 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#564bb1 Light Tints

#564bb1 Gray Shades

#564bb1 Dark Shades

#564bb1 Red Shades

#564bb1 Green Shades

#564bb1 Blue Shades

Readability Analysis

#564bb1 as Text Color

#564bb1 as Background Color

Color Blindness Simulation

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

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

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

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

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

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