0 views

#556c9c - Color Information

#556c9c

Base Information

HEX

#556c9c

RGB

85,108,156

HSL

221,29,47

HSV

221,46,61

CMYK

46,31,0,39

LAB

46,5,-29

LCH

46,29,280

XYZ

15,15,34

Web Safe

#666699

Web Smart

#556699

is dark

Yes

luminosity

0.1506

Pantone Color

Combinations

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

#556c9c

#9C8555

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

#556c9c

#9C6155

#909C55

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

#556c9c

#9C556C

#6C9C55

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

#556c9c

#9C5590

#9C8555

#559C61

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

#556c9c

#9C8555

#9C6155

#909C55

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

#556c9c

#61559C

#85559C

#9C5590

Shades

#556c9c Light Tints

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

#556C9C

#667BA6

#7789B0

#8898BA

#99A7C4

#AAB6CE

#BBC4D7

#CCD3E1

#DDE2EB

#EEF0F5

#556c9c Gray Shades

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

#556C9C

#596E99

#5E7096

#627294

#667491

#6B768E

#6F788B

#737A88

#777C86

#7C7E83

#556c9c Dark Shades

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

#556C9C

#4D618C

#44567D

#3B4C6D

#33415E

#2B364E

#222B3E

#19202F

#11161F

#080B10

#556c9c Red Shades

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

#556C9C

#66618C

#77567D

#884C6D

#99415E

#AA364E

#BB2B3E

#CC202F

#DD161F

#EE0B10

#556c9c Green Shades

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

#556C9C

#4D6E8C

#44707D

#3B726D

#33745E

#2B764E

#22783E

#197A2F

#117C1F

#087E10

#556c9c Blue Shades

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

#556C9C

#4D61A6

#4456B0

#3B4CBA

#3341C4

#2B36CE

#222BD7

#1920E1

#1116EB

#080BF5

Readability Analysis

#556c9c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.24	AA	Sample Text
Black	4.01	A	Sample Text
Red	1.31	Fail	Sample Text
Green	1.02	Fail	Sample Text
Blue	1.64	Fail	Sample Text

#556c9c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.24	AA	Sample Text
Black	4.01	A	Sample Text
Red	1.31	Fail	Sample Text
Green	1.02	Fail	Sample Text
Blue	1.64	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#5a6b9a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#576b9b`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#4f7087`
Protanopia	No red perception - Dichromacy	`#5c6a9a`
Deuteranopia	No green perception - Dichromacy	`#586b9b`
Tritanopia	No blue perception - Dichromacy	`#4b727b`
Achromatomaly	Partial color blindness - Monochromacy	`#636b7d`
Achromatopsia	Complete color blindness - Monochromacy	`#6b6b6b`

#556c9c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#556c9c Light Tints

#556c9c Gray Shades

#556c9c Dark Shades

#556c9c Red Shades

#556c9c Green Shades

#556c9c Blue Shades

Readability Analysis

#556c9c as Text Color

#556c9c as Background Color

Color Blindness Simulation

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

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

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

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

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

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