0 views

#557d3c - Color Information

#557d3c

Base Information

HEX

#557d3c

RGB

85,125,60

HSL

97,35,36

HSV

97,52,49

CMYK

32,0,52,51

LAB

48,-26,31

LCH

48,41,131

XYZ

12,17,7

Web Safe

#666633

Web Smart

#557744

is dark

Yes

luminosity

0.1692

Pantone Color

Combinations

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

#557d3c

#643C7D

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

#557d3c

#433C7D

#7D3C76

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

#557d3c

#3C557D

#7D3C55

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

#557d3c

#3C767D

#643C7D

#7D433C

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

#557d3c

#643C7D

#433C7D

#7D3C76

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

#557d3c

#3C7D43

#3C7D64

#3C767D

Shades

#557d3c Light Tints

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

#557D3C

#668A50

#779763

#88A477

#99B18A

#AABE9E

#BBCBB1

#CCD8C5

#DDE5D8

#EEF2EC

#557d3c Gray Shades

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

#557D3C

#597D43

#5E7E4A

#627E50

#667E57

#6B7F5E

#6F7F65

#737F6C

#777F72

#7C8079

#557d3c Dark Shades

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

#557D3C

#4D7136

#446430

#3B582A

#334B24

#2B3F1E

#223218

#192512

#11190C

#080C06

#557d3c Red Shades

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

#557D3C

#667136

#776430

#88582A

#994B24

#AA3F1E

#BB3218

#CC2512

#DD190C

#EE0C06

#557d3c Green Shades

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

#557D3C

#4D7D36

#447E30

#3B7E2A

#337E24

#2B7F1E

#227F18

#197F12

#117F0C

#088006

#557d3c Blue Shades

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

#557D3C

#4D7150

#446463

#3B5877

#334B8A

#2B3F9E

#2232B1

#1925C5

#1119D8

#080CEC

Readability Analysis

#557d3c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.79	AA	Sample Text
Black	4.38	A	Sample Text
Red	1.20	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.79	Fail	Sample Text

#557d3c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.79	AA	Sample Text
Black	4.38	A	Sample Text
Red	1.20	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.79	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#6f763b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#787241`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#5d7866`
Protanopia	No red perception - Dichromacy	`#7e723b`
Deuteranopia	No green perception - Dichromacy	`#8b6c44`
Tritanopia	No blue perception - Dichromacy	`#61757e`
Achromatomaly	Partial color blindness - Monochromacy	`#66755d`
Achromatopsia	Complete color blindness - Monochromacy	`#707070`

#557d3c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#557d3c Light Tints

#557d3c Gray Shades

#557d3c Dark Shades

#557d3c Red Shades

#557d3c Green Shades

#557d3c Blue Shades

Readability Analysis

#557d3c as Text Color

#557d3c as Background Color

Color Blindness Simulation

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

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

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

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

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

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