0 views

#557e3c - Color Information

#557e3c

Base Information

HEX

#557e3c

RGB

85,126,60

HSL

97,35,36

HSV

97,52,49

CMYK

33,0,52,51

LAB

48,-27,31

LCH

48,41,131

XYZ

12,17,7

Web Safe

#666633

Web Smart

#557744

is dark

Yes

luminosity

0.1718

Pantone Color

Combinations

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

#557e3c

#653C7E

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

#557e3c

#443C7E

#7E3C76

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

#557e3c

#3C557E

#7E3C55

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

#557e3c

#3C767E

#653C7E

#7E443C

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

#557e3c

#653C7E

#443C7E

#7E3C76

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

#557e3c

#3C7E44

#3C7E65

#3C767E

Shades

#557e3c Light Tints

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

#557E3C

#668B50

#779863

#88A577

#99B28A

#AABF9E

#BBCBB1

#CCD8C5

#DDE5D8

#EEF2EC

#557e3c Gray Shades

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

#557E3C

#597E43

#5E7E4A

#627F50

#667F57

#6B7F5E

#6F7F65

#737F6C

#778072

#7C8079

#557e3c Dark Shades

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

#557E3C

#4D7136

#446530

#3B582A

#334C24

#2B3F1E

#223218

#192612

#11190C

#080D06

#557e3c Red Shades

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

#557E3C

#667136

#776530

#88582A

#994C24

#AA3F1E

#BB3218

#CC2612

#DD190C

#EE0D06

#557e3c Green Shades

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

#557E3C

#4D7E36

#447E30

#3B7F2A

#337F24

#2B7F1E

#227F18

#197F12

#11800C

#088006

#557e3c Blue Shades

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

#557E3C

#4D7150

#446563

#3B5877

#334C8A

#2B3F9E

#2232B1

#1926C5

#1119D8

#080DEC

Readability Analysis

#557e3c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.73	AA	Sample Text
Black	4.44	A	Sample Text
Red	1.18	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.81	Fail	Sample Text

#557e3c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.73	AA	Sample Text
Black	4.44	A	Sample Text
Red	1.18	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.81	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#70773b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#787341`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#5d7967`
Protanopia	No red perception - Dichromacy	`#7f733b`
Deuteranopia	No green perception - Dichromacy	`#8c6d44`
Tritanopia	No blue perception - Dichromacy	`#62767f`
Achromatomaly	Partial color blindness - Monochromacy	`#67755d`
Achromatopsia	Complete color blindness - Monochromacy	`#717171`

#557e3c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#557e3c Light Tints

#557e3c Gray Shades

#557e3c Dark Shades

#557e3c Red Shades

#557e3c Green Shades

#557e3c Blue Shades

Readability Analysis

#557e3c as Text Color

#557e3c as Background Color

Color Blindness Simulation

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

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

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

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

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

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