0 views

#564dbc - Color Information

#564dbc

Base Information

HEX

#564dbc

RGB

86,77,188

HSL

245,45,52

HSV

245,59,74

CMYK

54,59,0,26

LAB

39,35,-58

LCH

39,67,301

XYZ

16,11,49

Web Safe

#6666cc

Web Smart

#5555bb

is dark

Yes

luminosity

0.1092

Pantone Color

Combinations

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

#564dbc

#B3BC4D

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

#564dbc

#BC8E4D

#7BBC4D

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

#564dbc

#BC564D

#4DBC56

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

#564dbc

#BC4D7B

#B3BC4D

#4DBC8E

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

#564dbc

#B3BC4D

#BC8E4D

#7BBC4D

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

#564dbc

#8E4DBC

#BC4DB3

#BC4D7B

Shades

#564dbc Light Tints

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

#564DBC

#675FC3

#7871C9

#8982D0

#9A94D7

#ABA6DE

#BBB8E4

#CCCAEB

#DDDBF2

#EEEDF8

#564dbc Gray Shades

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

#564DBC

#5A52B6

#5E57B0

#635CAA

#6761A4

#6B679E

#6F6C98

#737192

#78768C

#7C7B86

#564dbc Dark Shades

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

#564DBC

#4D45A9

#453E96

#3C3684

#342E71

#2B275E

#221F4B

#1A1738

#110F26

#090813

#564dbc Red Shades

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

#564DBC

#6745A9

#783E96

#893684

#9A2E71

#AB275E

#BB1F4B

#CC1738

#DD0F26

#EE0813

#564dbc Green Shades

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

#564DBC

#4D52A9

#455796

#3C5C84

#346171

#2B675E

#226C4B

#1A7138

#117626

#097B13

#564dbc Blue Shades

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

#564DBC

#4D45C3

#453EC9

#3C36D0

#342ED7

#2B27DE

#221FE4

#1A17EB

#110FF2

#0908F8

Readability Analysis

#564dbc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.60	AA	Sample Text
Black	3.18	A	Sample Text
Red	1.65	Fail	Sample Text
Green	1.28	Fail	Sample Text
Blue	1.30	Fail	Sample Text

#564dbc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.60	AA	Sample Text
Black	3.18	A	Sample Text
Red	1.65	Fail	Sample Text
Green	1.28	Fail	Sample Text
Blue	1.30	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1f55bc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1f59ac`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#415c89`
Protanopia	No red perception - Dichromacy	`#005abc`
Deuteranopia	No green perception - Dichromacy	`#005fa3`
Tritanopia	No blue perception - Dichromacy	`#35646c`
Achromatomaly	Partial color blindness - Monochromacy	`#57537c`
Achromatopsia	Complete color blindness - Monochromacy	`#575757`

#564dbc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#564dbc Light Tints

#564dbc Gray Shades

#564dbc Dark Shades

#564dbc Red Shades

#564dbc Green Shades

#564dbc Blue Shades

Readability Analysis

#564dbc as Text Color

#564dbc as Background Color

Color Blindness Simulation

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

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

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

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

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

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