0 views

#566f88 - Color Information

#566f88

Base Information

HEX

#566f88

RGB

86,111,136

HSL

210,23,44

HSV

210,37,53

CMYK

37,18,0,47

LAB

46,-3,-17

LCH

46,17,261

XYZ

14,15,25

Web Safe

#666699

Web Smart

#557788

is dark

Yes

luminosity

0.1512

Pantone Color

Combinations

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

#566f88

#886F56

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

#566f88

#885656

#888856

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

#566f88

#88566F

#6F8856

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

#566f88

#885688

#886F56

#568856

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

#566f88

#886F56

#885656

#888856

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

#566f88

#565688

#6F5688

#885688

Shades

#566f88 Light Tints

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

#566F88

#677D94

#788CA0

#899AAC

#9AA9B8

#ABB7C4

#BBC5CF

#CCD4DB

#DDE2E7

#EEF1F3

#566f88 Gray Shades

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

#566F88

#5A7187

#5E7286

#637486

#677685

#6B7884

#6F7983

#737B82

#787D82

#7C7E81

#566f88 Dark Shades

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

#566F88

#4D647A

#45596D

#3C4E5F

#344352

#2B3844

#222C36

#1A2129

#11161B

#090B0E

#566f88 Red Shades

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

#566F88

#67647A

#78596D

#894E5F

#9A4352

#AB3844

#BB2C36

#CC2129

#DD161B

#EE0B0E

#566f88 Green Shades

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

#566F88

#4D717A

#45726D

#3C745F

#347652

#2B7844

#227936

#1A7B29

#117D1B

#097E0E

#566f88 Blue Shades

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

#566F88

#4D6494

#4559A0

#3C4EAC

#3443B8

#2B38C4

#222CCF

#1A21DB

#1116E7

#090BF3

Readability Analysis

#566f88 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.22	AA	Sample Text
Black	4.02	A	Sample Text
Red	1.30	Fail	Sample Text
Green	1.02	Fail	Sample Text
Blue	1.65	Fail	Sample Text

#566f88 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.22	AA	Sample Text
Black	4.02	A	Sample Text
Red	1.30	Fail	Sample Text
Green	1.02	Fail	Sample Text
Blue	1.65	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#606c86`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#616c88`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#54707f`
Protanopia	No red perception - Dichromacy	`#666b85`
Deuteranopia	No green perception - Dichromacy	`#676a89`
Tritanopia	No blue perception - Dichromacy	`#53717a`
Achromatomaly	Partial color blindness - Monochromacy	`#646d76`
Achromatopsia	Complete color blindness - Monochromacy	`#6b6b6b`

#566f88 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#566f88 Light Tints

#566f88 Gray Shades

#566f88 Dark Shades

#566f88 Red Shades

#566f88 Green Shades

#566f88 Blue Shades

Readability Analysis

#566f88 as Text Color

#566f88 as Background Color

Color Blindness Simulation

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

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

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

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

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

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