0 views

#57776c - Color Information

#57776c

Base Information

HEX

#57776c

RGB

87,119,108

HSL

159,16,40

HSV

159,27,47

CMYK

27,0,9,53

LAB

47,-14,2

LCH

47,14,171

XYZ

13,16,17

Web Safe

#666666

Web Smart

#557766

is dark

Yes

luminosity

0.1630

Pantone Color

Combinations

#57776c complementary
Colors that are opposite to each other, forming a contrasting pair.

#57776c

#775762

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

#57776c

#775772

#775C57

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

#57776c

#6C5777

#776C57

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

#57776c

#5C5777

#775762

#727757

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

#57776c

#775762

#775772

#775C57

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

#57776c

#577277

#576277

#5C5777

Shades

#57776c Light Tints

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

#57776C

#68857B

#799289

#89A098

#9AADA7

#ABBBB6

#BCC9C4

#CDD6D3

#DDE4E2

#EEF1F0

#57776c Gray Shades

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

#57776C

#5B786E

#5F7970

#637A72

#677B74

#6C7C76

#707C78

#747D7A

#787E7C

#7C7F7E

#57776c Dark Shades

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

#57776C

#4E6B61

#465F56

#3D534C

#344741

#2C3C36

#23302B

#1A2420

#111816

#090C0B

#57776c Red Shades

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

#57776C

#686B61

#795F56

#89534C

#9A4741

#AB3C36

#BC302B

#CD2420

#DD1816

#EE0C0B

#57776c Green Shades

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

#57776C

#4E7861

#467956

#3D7A4C

#347B41

#2C7C36

#237C2B

#1A7D20

#117E16

#097F0B

#57776c Blue Shades

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

#57776C

#4E6B7B

#465F89

#3D5398

#3447A7

#2C3CB6

#2330C4

#1A24D3

#1118E2

#090CF0

Readability Analysis

#57776c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.93	AA	Sample Text
Black	4.26	A	Sample Text
Red	1.23	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.74	Fail	Sample Text

#57776c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.93	AA	Sample Text
Black	4.26	A	Sample Text
Red	1.23	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.74	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#69726a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#6e706e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#5a7577`
Protanopia	No red perception - Dichromacy	`#746f68`
Deuteranopia	No green perception - Dichromacy	`#7b6c6f`
Tritanopia	No blue perception - Dichromacy	`#5c747d`
Achromatomaly	Partial color blindness - Monochromacy	`#67726e`
Achromatopsia	Complete color blindness - Monochromacy	`#6f6f6f`

#57776c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#57776c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#57776c Light Tints

#57776c Gray Shades

#57776c Dark Shades

#57776c Red Shades

#57776c Green Shades

#57776c Blue Shades

Readability Analysis

#57776c as Text Color

#57776c as Background Color

Color Blindness Simulation

#57776c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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