0 views

#556a82 - Color Information

#556a82

Base Information

HEX

#556a82

RGB

85,106,130

HSL

212,21,42

HSV

212,35,51

CMYK

35,18,0,49

LAB

44,-2,-16

LCH

44,16,264

XYZ

13,14,23

Web Safe

#666699

Web Smart

#556688

is dark

Yes

luminosity

0.1385

Pantone Color

Combinations

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

#556a82

#826D55

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

#556a82

#825755

#808255

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

#556a82

#82556A

#6A8255

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

#556a82

#825580

#826D55

#558257

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

#556a82

#826D55

#825755

#808255

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

#556a82

#575582

#6D5582

#825580

Shades

#556a82 Light Tints

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

#556A82

#66798F

#77889B

#8897A8

#99A6B4

#AAB5C1

#BBC3CD

#CCD2DA

#DDE1E6

#EEF0F3

#556a82 Gray Shades

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

#556A82

#596C82

#5E6E82

#627181

#667381

#6B7581

#6F7781

#737981

#777C80

#7C7E80

#556a82 Dark Shades

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

#556A82

#4D5F75

#445568

#3B4A5B

#33404E

#2B3541

#222A34

#192027

#11151A

#080B0D

#556a82 Red Shades

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

#556A82

#665F75

#775568

#884A5B

#99404E

#AA3541

#BB2A34

#CC2027

#DD151A

#EE0B0D

#556a82 Green Shades

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

#556A82

#4D6C75

#446E68

#3B715B

#33734E

#2B7541

#227734

#197927

#117C1A

#087E0D

#556a82 Blue Shades

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

#556A82

#4D5F8F

#44559B

#3B4AA8

#3340B4

#2B35C1

#222ACD

#1920DA

#1115E6

#080BF3

Readability Analysis

#556a82 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.57	AA	Sample Text
Black	3.77	A	Sample Text
Red	1.39	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.54	Fail	Sample Text

#556a82 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.57	AA	Sample Text
Black	3.77	A	Sample Text
Red	1.39	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.54	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#5d6880`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5f6782`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#536b79`
Protanopia	No red perception - Dichromacy	`#62677f`
Deuteranopia	No green perception - Dichromacy	`#646682`
Tritanopia	No blue perception - Dichromacy	`#526c75`
Achromatomaly	Partial color blindness - Monochromacy	`#616871`
Achromatopsia	Complete color blindness - Monochromacy	`#676767`

#556a82 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#556a82 Light Tints

#556a82 Gray Shades

#556a82 Dark Shades

#556a82 Red Shades

#556a82 Green Shades

#556a82 Blue Shades

Readability Analysis

#556a82 as Text Color

#556a82 as Background Color

Color Blindness Simulation

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

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

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

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

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

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