0 views

#556e8c - Color Information

#556e8c

Base Information

HEX

#556e8c

RGB

85,110,140

HSL

213,24,44

HSV

213,39,55

CMYK

39,21,0,45

LAB

46,-1,-19

LCH

46,19,267

XYZ

14,15,27

Web Safe

#666699

Web Smart

#556688

is dark

Yes

luminosity

0.1498

Pantone Color

Combinations

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

#556e8c

#8C7355

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

#556e8c

#8C5855

#8A8C55

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

#556e8c

#8C556E

#6E8C55

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

#556e8c

#8C558A

#8C7355

#558C58

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

#556e8c

#8C7355

#8C5855

#8A8C55

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

#556e8c

#57558C

#73558C

#8C558A

Shades

#556e8c Light Tints

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

#556E8C

#667D98

#778BA3

#889AAF

#99A8BA

#AAB7C6

#BBC5D1

#CCD4DD

#DDE2E8

#EEF1F4

#556e8c Gray Shades

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

#556E8C

#59708B

#5E728A

#627388

#667587

#6B7786

#6F7985

#737B84

#777C82

#7C7E81

#556e8c Dark Shades

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

#556E8C

#4D637E

#445870

#3B4D62

#334254

#2B3746

#222C38

#19212A

#11161C

#080B0E

#556e8c Red Shades

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

#556E8C

#66637E

#775870

#884D62

#994254

#AA3746

#BB2C38

#CC212A

#DD161C

#EE0B0E

#556e8c Green Shades

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

#556E8C

#4D707E

#447270

#3B7362

#337554

#2B7746

#227938

#197B2A

#117C1C

#087E0E

#556e8c Blue Shades

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

#556E8C

#4D6398

#4458A3

#3B4DAF

#3342BA

#2B37C6

#222CD1

#1921DD

#1116E8

#080BF4

Readability Analysis

#556e8c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.26	AA	Sample Text
Black	4.00	A	Sample Text
Red	1.31	Fail	Sample Text
Green	1.02	Fail	Sample Text
Blue	1.63	Fail	Sample Text

#556e8c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.26	AA	Sample Text
Black	4.00	A	Sample Text
Red	1.31	Fail	Sample Text
Green	1.02	Fail	Sample Text
Blue	1.63	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#5e6c8a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5f6b8c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#527080`
Protanopia	No red perception - Dichromacy	`#646a89`
Deuteranopia	No green perception - Dichromacy	`#646a8c`
Tritanopia	No blue perception - Dichromacy	`#51717a`
Achromatomaly	Partial color blindness - Monochromacy	`#636c77`
Achromatopsia	Complete color blindness - Monochromacy	`#6b6b6b`

#556e8c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#556e8c Light Tints

#556e8c Gray Shades

#556e8c Dark Shades

#556e8c Red Shades

#556e8c Green Shades

#556e8c Blue Shades

Readability Analysis

#556e8c as Text Color

#556e8c as Background Color

Color Blindness Simulation

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

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

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

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

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

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