0 views

#576a71 - Color Information

#576a71

Base Information

HEX

#576a71

RGB

87,106,113

HSL

196,13,39

HSV

196,23,44

CMYK

23,6,0,56

LAB

44,-5,-6

LCH

44,8,229

XYZ

12,14,18

Web Safe

#666666

Web Smart

#556677

is dark

Yes

luminosity

0.1353

Pantone Color

Combinations

#576a71 complementary
Colors that are opposite to each other, forming a contrasting pair.

#576a71

#715E57

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

#576a71

#71575D

#716B57

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

#576a71

#71576A

#6A7157

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

#576a71

#6B5771

#715E57

#5D7157

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

#576a71

#715E57

#71575D

#716B57

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

#576a71

#575D71

#5E5771

#6B5771

Shades

#576a71 Light Tints

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

#576A71

#68797F

#79888D

#89979C

#9AA6AA

#ABB5B8

#BCC3C6

#CDD2D4

#DDE1E3

#EEF0F1

#576a71 Gray Shades

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

#576A71

#5B6C73

#5F6E74

#637176

#677377

#6C7579

#70777A

#74797C

#787C7D

#7C7E7F

#576a71 Dark Shades

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

#576A71

#4E5F66

#46555A

#3D4A4F

#344044

#2C3539

#232A2D

#1A2022

#111517

#090B0B

#576a71 Red Shades

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

#576A71

#685F66

#79555A

#894A4F

#9A4044

#AB3539

#BC2A2D

#CD2022

#DD1517

#EE0B0B

#576a71 Green Shades

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

#576A71

#4E6C66

#466E5A

#3D714F

#347344

#2C7539

#23772D

#1A7922

#117C17

#097E0B

#576a71 Blue Shades

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

#576A71

#4E5F7F

#46558D

#3D4A9C

#3440AA

#2C35B8

#232AC6

#1A20D4

#1115E3

#090BF1

Readability Analysis

#576a71 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.67	AA	Sample Text
Black	3.71	A	Sample Text
Red	1.42	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.52	Fail	Sample Text

#576a71 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.67	AA	Sample Text
Black	3.71	A	Sample Text
Red	1.42	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.52	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#61676f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#646672`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#586a72`
Protanopia	No red perception - Dichromacy	`#66666e`
Deuteranopia	No green perception - Dichromacy	`#6b6472`
Tritanopia	No blue perception - Dichromacy	`#586972`
Achromatomaly	Partial color blindness - Monochromacy	`#61686a`
Achromatopsia	Complete color blindness - Monochromacy	`#666666`

#576a71 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#576a71 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#576a71 Light Tints

#576a71 Gray Shades

#576a71 Dark Shades

#576a71 Red Shades

#576a71 Green Shades

#576a71 Blue Shades

Readability Analysis

#576a71 as Text Color

#576a71 as Background Color

Color Blindness Simulation

#576a71 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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