0 views

#577a5c - Color Information

#577a5c

Base Information

HEX

#577a5c

RGB

87,122,92

HSL

129,17,41

HSV

129,29,48

CMYK

29,0,25,52

LAB

48,-19,13

LCH

48,23,147

XYZ

13,17,13

Web Safe

#666666

Web Smart

#557755

is dark

Yes

luminosity

0.1672

Pantone Color

Combinations

#577a5c complementary
Colors that are opposite to each other, forming a contrasting pair.

#577a5c

#7A5775

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

#577a5c

#6D577A

#7A5763

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

#577a5c

#5C577A

#7A5C57

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

#577a5c

#57647A

#7A5775

#7A6D57

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

#577a5c

#7A5775

#6D577A

#7A5763

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

#577a5c

#577A6D

#57757A

#57647A

Shades

#577a5c Light Tints

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

#577A5C

#68876C

#79957D

#89A28D

#9AAF9D

#ABBDAE

#BCCABE

#CDD7CE

#DDE4DE

#EEF2EF

#577a5c Gray Shades

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

#577A5C

#5B7B60

#5F7B63

#637C67

#677C6A

#6C7D6E

#707E72

#747E75

#787F79

#7C7F7C

#577a5c Dark Shades

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

#577A5C

#4E6E53

#46624A

#3D5540

#344937

#2C3D2E

#233125

#1A251C

#111812

#090C09

#577a5c Red Shades

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

#577A5C

#686E53

#79624A

#895540

#9A4937

#AB3D2E

#BC3125

#CD251C

#DD1812

#EE0C09

#577a5c Green Shades

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

#577A5C

#4E7B53

#467B4A

#3D7C40

#347C37

#2C7D2E

#237E25

#1A7E1C

#117F12

#097F09

#577a5c Blue Shades

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

#577A5C

#4E6E6C

#46627D

#3D558D

#34499D

#2C3DAE

#2331BE

#1A25CE

#1118DE

#090CEF

Readability Analysis

#577a5c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.83	AA	Sample Text
Black	4.34	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.78	Fail	Sample Text

#577a5c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.83	AA	Sample Text
Black	4.34	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.78	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#6c745a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#73725f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#5c7771`
Protanopia	No red perception - Dichromacy	`#797159`
Deuteranopia	No green perception - Dichromacy	`#836d60`
Tritanopia	No blue perception - Dichromacy	`#5f757e`
Achromatomaly	Partial color blindness - Monochromacy	`#677469`
Achromatopsia	Complete color blindness - Monochromacy	`#707070`

#577a5c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#577a5c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#577a5c Light Tints

#577a5c Gray Shades

#577a5c Dark Shades

#577a5c Red Shades

#577a5c Green Shades

#577a5c Blue Shades

Readability Analysis

#577a5c as Text Color

#577a5c as Background Color

Color Blindness Simulation

#577a5c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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