0 views

#566a8c - Color Information

#566a8c

Base Information

HEX

#566a8c

RGB

86,106,140

HSL

218,24,44

HSV

218,39,55

CMYK

39,24,0,45

LAB

44,2,-21

LCH

44,21,274

XYZ

14,14,27

Web Safe

#666699

Web Smart

#556688

is dark

Yes

luminosity

0.1418

Pantone Color

Combinations

#566a8c complementary
Colors that are opposite to each other, forming a contrasting pair.

#566a8c

#8C7856

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

#566a8c

#8C5D56

#858C56

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

#566a8c

#8C566A

#6A8C56

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

#566a8c

#8C5685

#8C7856

#568C5D

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

#566a8c

#8C7856

#8C5D56

#858C56

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

#566a8c

#5D568C

#78568C

#8C5685

Shades

#566a8c Light Tints

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

#566A8C

#677998

#7888A3

#8997AF

#9AA6BA

#ABB5C6

#BBC3D1

#CCD2DD

#DDE1E8

#EEF0F4

#566a8c Gray Shades

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

#566A8C

#5A6C8B

#5E6E8A

#637188

#677387

#6B7586

#6F7785

#737984

#787C82

#7C7E81

#566a8c Dark Shades

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

#566A8C

#4D5F7E

#455570

#3C4A62

#344054

#2B3546

#222A38

#1A202A

#11151C

#090B0E

#566a8c Red Shades

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

#566A8C

#675F7E

#785570

#894A62

#9A4054

#AB3546

#BB2A38

#CC202A

#DD151C

#EE0B0E

#566a8c Green Shades

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

#566A8C

#4D6C7E

#456E70

#3C7162

#347354

#2B7546

#227738

#1A792A

#117C1C

#097E0E

#566a8c Blue Shades

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

#566A8C

#4D5F98

#4555A3

#3C4AAF

#3440BA

#2B35C6

#222AD1

#1A20DD

#1115E8

#090BF4

Readability Analysis

#566a8c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.47	AA	Sample Text
Black	3.84	A	Sample Text
Red	1.37	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.57	Fail	Sample Text

#566a8c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.47	AA	Sample Text
Black	3.84	A	Sample Text
Red	1.37	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.57	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#5c698a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5c688c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#536c7e`
Protanopia	No red perception - Dichromacy	`#5f6889`
Deuteranopia	No green perception - Dichromacy	`#5f678c`
Tritanopia	No blue perception - Dichromacy	`#516e76`
Achromatomaly	Partial color blindness - Monochromacy	`#626975`
Achromatopsia	Complete color blindness - Monochromacy	`#686868`

#566a8c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#566a8c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#566a8c Light Tints

#566a8c Gray Shades

#566a8c Dark Shades

#566a8c Red Shades

#566a8c Green Shades

#566a8c Blue Shades

Readability Analysis

#566a8c as Text Color

#566a8c as Background Color

Color Blindness Simulation

#566a8c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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