0 views

#3e7f70 - Color Information

#3e7f70

Base Information

HEX

#3e7f70

RGB

62,127,112

HSL

166,34,37

HSV

166,51,50

CMYK

51,0,12,50

LAB

49,-25,2

LCH

49,25,176

XYZ

12,17,18

Web Safe

#336666

Web Smart

#447777

is dark

Yes

luminosity

0.1737

Pantone Color

Combinations

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

#3e7f70

#7F3E4D

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

#3e7f70

#7F3E6D

#7F503E

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

#3e7f70

#703E7F

#7F703E

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

#3e7f70

#503E7F

#7F3E4D

#6D7F3E

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

#3e7f70

#7F3E4D

#7F3E6D

#7F503E

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

#3e7f70

#3E6D7F

#3E4D7F

#503E7F

Shades

#3e7f70 Light Tints

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

#3E7F70

#518C7E

#65998D

#78A59B

#8BB2A9

#9FBFB8

#B2CCC6

#C5D9D4

#D8E5E2

#ECF2F1

#3e7f70 Gray Shades

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

#3E7F70

#457F72

#4B7F73

#527F75

#587F76

#5F8078

#66807A

#6C807B

#73807D

#79807E

#3e7f70 Dark Shades

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

#3E7F70

#387265

#32665A

#2B594E

#254C43

#1F4038

#19332D

#132622

#0C1916

#060D0B

#3e7f70 Red Shades

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

#3E7F70

#517265

#65665A

#78594E

#8B4C43

#9F4038

#B2332D

#C52622

#D81916

#EC0D0B

#3e7f70 Green Shades

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

#3E7F70

#387F65

#327F5A

#2B7F4E

#257F43

#1F8038

#19802D

#138022

#0C8016

#06800B

#3e7f70 Blue Shades

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

#3E7F70

#38727E

#32668D

#2B599B

#254CA9

#1F40B8

#1933C6

#1326D4

#0C19E2

#060DF1

Readability Analysis

#3e7f70 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.69	AA	Sample Text
Black	4.47	A	Sample Text
Red	1.17	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.83	Fail	Sample Text

#3e7f70 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.69	AA	Sample Text
Black	4.47	A	Sample Text
Red	1.17	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	`#63776c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#677573`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#447c7d`
Protanopia	No red perception - Dichromacy	`#77736a`
Deuteranopia	No green perception - Dichromacy	`#7e6f75`
Tritanopia	No blue perception - Dichromacy	`#487b85`
Achromatomaly	Partial color blindness - Monochromacy	`#5e7670`
Achromatopsia	Complete color blindness - Monochromacy	`#707070`

#3e7f70 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3e7f70 Light Tints

#3e7f70 Gray Shades

#3e7f70 Dark Shades

#3e7f70 Red Shades

#3e7f70 Green Shades

#3e7f70 Blue Shades

Readability Analysis

#3e7f70 as Text Color

#3e7f70 as Background Color

Color Blindness Simulation

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

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

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

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

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

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