0 views

#557a7c - Color Information

#557a7c

Base Information

HEX

#557a7c

RGB

85,122,124

HSL

183,19,41

HSV

183,31,49

CMYK

31,2,0,51

LAB

49,-12,-5

LCH

49,14,203

XYZ

14,17,22

Web Safe

#666666

Web Smart

#557777

is dark

Yes

luminosity

0.1731

Pantone Color

Combinations

#557a7c complementary
Colors that are opposite to each other, forming a contrasting pair.

#557a7c

#7C5755

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

#557a7c

#7C5566

#7C6B55

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

#557a7c

#7C557A

#7A7C55

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

#557a7c

#6B557C

#7C5755

#667C55

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

#557a7c

#7C5755

#7C5566

#7C6B55

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

#557a7c

#55667C

#57557C

#6B557C

Shades

#557a7c Light Tints

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

#557A7C

#668789

#779596

#88A2A3

#99AFB0

#AABDBE

#BBCACB

#CCD7D8

#DDE4E5

#EEF2F2

#557a7c Gray Shades

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

#557A7C

#597B7C

#5E7B7D

#627C7D

#667C7E

#6B7D7E

#6F7E7E

#737E7F

#777F7F

#7C7F80

#557a7c Dark Shades

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

#557A7C

#4D6E70

#446263

#3B5557

#33494A

#2B3D3E

#223132

#192525

#111819

#080C0C

#557a7c Red Shades

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

#557A7C

#666E70

#776263

#885557

#99494A

#AA3D3E

#BB3132

#CC2525

#DD1819

#EE0C0C

#557a7c Green Shades

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

#557A7C

#4D7B70

#447B63

#3B7C57

#337C4A

#2B7D3E

#227E32

#197E25

#117F19

#087F0C

#557a7c Blue Shades

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

#557A7C

#4D6E89

#446296

#3B55A3

#3349B0

#2B3DBE

#2231CB

#1925D8

#1118E5

#080CF2

Readability Analysis

#557a7c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.71	AA	Sample Text
Black	4.46	A	Sample Text
Red	1.18	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.83	Fail	Sample Text

#557a7c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.71	AA	Sample Text
Black	4.46	A	Sample Text
Red	1.18	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.83	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#687579`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#6c737e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#577980`
Protanopia	No red perception - Dichromacy	`#747277`
Deuteranopia	No green perception - Dichromacy	`#79707e`
Tritanopia	No blue perception - Dichromacy	`#587882`
Achromatomaly	Partial color blindness - Monochromacy	`#687576`
Achromatopsia	Complete color blindness - Monochromacy	`#727272`

#557a7c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#557a7c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#557a7c Light Tints

#557a7c Gray Shades

#557a7c Dark Shades

#557a7c Red Shades

#557a7c Green Shades

#557a7c Blue Shades

Readability Analysis

#557a7c as Text Color

#557a7c as Background Color

Color Blindness Simulation

#557a7c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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