0 views

#3a7c5d - Color Information

#3a7c5d

Base Information

HEX

#3a7c5d

RGB

58,124,93

HSL

152,36,36

HSV

152,53,49

CMYK

53,0,25,51

LAB

47,-29,11

LCH

47,31,160

XYZ

11,16,13

Web Safe

#336666

Web Smart

#337755

is dark

Yes

luminosity

0.1611

Pantone Color

Combinations

#3a7c5d complementary
Colors that are opposite to each other, forming a contrasting pair.

#3a7c5d

#7C3A59

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

#3a7c5d

#7C3A7A

#7C3C3A

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

#3a7c5d

#5D3A7C

#7C5D3A

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

#3a7c5d

#3C3A7C

#7C3A59

#7A7C3A

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

#3a7c5d

#7C3A59

#7C3A7A

#7C3C3A

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

#3a7c5d

#3A7A7C

#3A597C

#3C3A7C

Shades

#3a7c5d Light Tints

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

#3A7C5D

#4E896D

#61967D

#75A38E

#89B09E

#9DBEAE

#B0CBBE

#C4D8CE

#D8E5DF

#EBF2EF

#3a7c5d Gray Shades

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

#3A7C5D

#417C61

#487D64

#4F7D68

#567E6B

#5D7E6F

#647E72

#6B7F76

#727F79

#79807D

#3a7c5d Dark Shades

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

#3A7C5D

#347054

#2E634A

#295741

#234A38

#1D3E2F

#173225

#11251C

#0C1913

#060C09

#3a7c5d Red Shades

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

#3A7C5D

#4E7054

#61634A

#755741

#894A38

#9D3E2F

#B03225

#C4251C

#D81913

#EB0C09

#3a7c5d Green Shades

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

#3A7C5D

#347C54

#2E7D4A

#297D41

#237E38

#1D7E2F

#177E25

#117F1C

#0C7F13

#068009

#3a7c5d Blue Shades

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

#3A7C5D

#34706D

#2E637D

#29578E

#234A9E

#1D3EAE

#1732BE

#1125CE

#0C19DF

#060CEF

Readability Analysis

#3a7c5d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.98	AA	Sample Text
Black	4.22	A	Sample Text
Red	1.24	Fail	Sample Text
Green	1.03	Fail	Sample Text
Blue	1.73	Fail	Sample Text

#3a7c5d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.98	AA	Sample Text
Black	4.22	A	Sample Text
Red	1.24	Fail	Sample Text
Green	1.03	Fail	Sample Text
Blue	1.73	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#61745a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#667161`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#437873`
Protanopia	No red perception - Dichromacy	`#776f58`
Deuteranopia	No green perception - Dichromacy	`#7f6b63`
Tritanopia	No blue perception - Dichromacy	`#487680`
Achromatomaly	Partial color blindness - Monochromacy	`#5a7266`
Achromatopsia	Complete color blindness - Monochromacy	`#6c6c6c`

#3a7c5d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#3a7c5d complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#3a7c5d Light Tints

#3a7c5d Gray Shades

#3a7c5d Dark Shades

#3a7c5d Red Shades

#3a7c5d Green Shades

#3a7c5d Blue Shades

Readability Analysis

#3a7c5d as Text Color

#3a7c5d as Background Color

Color Blindness Simulation

#3a7c5d complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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