0 views

#556d9c - Color Information

#556d9c

Base Information

HEX

#556d9c

RGB

85,109,156

HSL

220,29,47

HSV

220,46,61

CMYK

46,30,0,39

LAB

46,4,-28

LCH

46,29,279

XYZ

15,15,34

Web Safe

#666699

Web Smart

#556699

is dark

Yes

luminosity

0.1527

Pantone Color

Combinations

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

#556d9c

#9C8455

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

#556d9c

#9C6155

#909C55

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

#556d9c

#9C556D

#6D9C55

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

#556d9c

#9C5590

#9C8455

#559C61

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

#556d9c

#9C8455

#9C6155

#909C55

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

#556d9c

#60559C

#84559C

#9C5590

Shades

#556d9c Light Tints

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

#556D9C

#667CA6

#778AB0

#8899BA

#99A7C4

#AAB6CE

#BBC5D7

#CCD3E1

#DDE2EB

#EEF0F5

#556d9c Gray Shades

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

#556D9C

#596F99

#5E7196

#627394

#667591

#6B778E

#6F788B

#737A88

#777C86

#7C7E83

#556d9c Dark Shades

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

#556D9C

#4D628C

#44577D

#3B4C6D

#33415E

#2B374E

#222C3E

#19212F

#11161F

#080B10

#556d9c Red Shades

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

#556D9C

#66628C

#77577D

#884C6D

#99415E

#AA374E

#BB2C3E

#CC212F

#DD161F

#EE0B10

#556d9c Green Shades

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

#556D9C

#4D6F8C

#44717D

#3B736D

#33755E

#2B774E

#22783E

#197A2F

#117C1F

#087E10

#556d9c Blue Shades

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

#556D9C

#4D62A6

#4457B0

#3B4CBA

#3341C4

#2B37CE

#222CD7

#1921E1

#1116EB

#080BF5

Readability Analysis

#556d9c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.18	AA	Sample Text
Black	4.05	A	Sample Text
Red	1.30	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.66	Fail	Sample Text

#556d9c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.18	AA	Sample Text
Black	4.05	A	Sample Text
Red	1.30	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.66	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#5a6c9a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#586c9b`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#4f7188`
Protanopia	No red perception - Dichromacy	`#5d6b99`
Deuteranopia	No green perception - Dichromacy	`#5a6c9b`
Tritanopia	No blue perception - Dichromacy	`#4b737c`
Achromatomaly	Partial color blindness - Monochromacy	`#636c7d`
Achromatopsia	Complete color blindness - Monochromacy	`#6b6b6b`

#556d9c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#556d9c Light Tints

#556d9c Gray Shades

#556d9c Dark Shades

#556d9c Red Shades

#556d9c Green Shades

#556d9c Blue Shades

Readability Analysis

#556d9c as Text Color

#556d9c as Background Color

Color Blindness Simulation

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

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

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

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

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

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