0 views

#556a8c - Color Information

#556a8c

Base Information

HEX

#556a8c

RGB

85,106,140

HSL

217,24,44

HSV

217,39,55

CMYK

39,24,0,45

LAB

44,1,-21

LCH

44,21,273

XYZ

14,14,27

Web Safe

#666699

Web Smart

#556688

is dark

Yes

luminosity

0.1413

Pantone Color

Combinations

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

#556a8c

#8C7755

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

#556a8c

#8C5C55

#858C55

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

#556a8c

#8C556A

#6A8C55

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

#556a8c

#8C5585

#8C7755

#558C5C

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

#556a8c

#8C7755

#8C5C55

#858C55

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

#556a8c

#5C558C

#77558C

#8C5585

Shades

#556a8c Light Tints

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

#556A8C

#667998

#7788A3

#8897AF

#99A6BA

#AAB5C6

#BBC3D1

#CCD2DD

#DDE1E8

#EEF0F4

#556a8c Gray Shades

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

#556A8C

#596C8B

#5E6E8A

#627188

#667387

#6B7586

#6F7785

#737984

#777C82

#7C7E81

#556a8c Dark Shades

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

#556A8C

#4D5F7E

#445570

#3B4A62

#334054

#2B3546

#222A38

#19202A

#11151C

#080B0E

#556a8c Red Shades

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

#556A8C

#665F7E

#775570

#884A62

#994054

#AA3546

#BB2A38

#CC202A

#DD151C

#EE0B0E

#556a8c Green Shades

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

#556A8C

#4D6C7E

#446E70

#3B7162

#337354

#2B7546

#227738

#19792A

#117C1C

#087E0E

#556a8c Blue Shades

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

#556A8C

#4D5F98

#4455A3

#3B4AAF

#3340BA

#2B35C6

#222AD1

#1920DD

#1115E8

#080BF4

Readability Analysis

#556a8c as Text Color

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

#556a8c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.49	AA	Sample Text
Black	3.83	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	`#5b688a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5b688c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#526c7e`
Protanopia	No red perception - Dichromacy	`#5f6889`
Deuteranopia	No green perception - Dichromacy	`#5f678c`
Tritanopia	No blue perception - Dichromacy	`#506e76`
Achromatomaly	Partial color blindness - Monochromacy	`#616975`
Achromatopsia	Complete color blindness - Monochromacy	`#686868`

#556a8c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#556a8c Light Tints

#556a8c Gray Shades

#556a8c Dark Shades

#556a8c Red Shades

#556a8c Green Shades

#556a8c Blue Shades

Readability Analysis

#556a8c as Text Color

#556a8c as Background Color

Color Blindness Simulation

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

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

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

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

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

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