0 views

#3f6f5d - Color Information

#3f6f5d

Base Information

HEX

#3f6f5d

RGB

63,111,93

HSL

158,28,34

HSV

158,43,44

CMYK

43,0,16,56

LAB

43,-21,5

LCH

43,22,167

XYZ

10,13,12

Web Safe

#336666

Web Smart

#447755

is dark

Yes

luminosity

0.1322

Pantone Color

Combinations

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

#3f6f5d

#6F3F51

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

#3f6f5d

#6F3F69

#6F453F

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

#3f6f5d

#5D3F6F

#6F5D3F

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

#3f6f5d

#453F6F

#6F3F51

#696F3F

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

#3f6f5d

#6F3F51

#6F3F69

#6F453F

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

#3f6f5d

#3F696F

#3F516F

#453F6F

Shades

#3f6f5d Light Tints

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

#3F6F5D

#527D6D

#658C7D

#799A8E

#8CA99E

#9FB7AE

#B2C5BE

#C5D4CE

#D9E2DF

#ECF1EF

#3f6f5d Gray Shades

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

#3F6F5D

#467161

#4C7264

#537468

#59766B

#60786F

#667972

#6D7B76

#737D79

#7A7E7D

#3f6f5d Dark Shades

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

#3F6F5D

#396454

#32594A

#2C4E41

#264338

#20382F

#192C25

#13211C

#0D1613

#060B09

#3f6f5d Red Shades

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

#3F6F5D

#526454

#65594A

#794E41

#8C4338

#9F382F

#B22C25

#C5211C

#D91613

#EC0B09

#3f6f5d Green Shades

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

#3F6F5D

#397154

#32724A

#2C7441

#267638

#20782F

#197925

#137B1C

#0D7D13

#067E09

#3f6f5d Blue Shades

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

#3F6F5D

#39646D

#32597D

#2C4E8E

#26439E

#2038AE

#192CBE

#1321CE

#0D16DF

#060BEF

Readability Analysis

#3f6f5d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.76	AA	Sample Text
Black	3.64	A	Sample Text
Red	1.44	Fail	Sample Text
Green	1.12	Fail	Sample Text
Blue	1.49	Fail	Sample Text

#3f6f5d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.76	AA	Sample Text
Black	3.64	A	Sample Text
Red	1.44	Fail	Sample Text
Green	1.12	Fail	Sample Text
Blue	1.49	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#5b695a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5f6760`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#456d6b`
Protanopia	No red perception - Dichromacy	`#6b6559`
Deuteranopia	No green perception - Dichromacy	`#726261`
Tritanopia	No blue perception - Dichromacy	`#486b74`
Achromatomaly	Partial color blindness - Monochromacy	`#566861`
Achromatopsia	Complete color blindness - Monochromacy	`#636363`

#3f6f5d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3f6f5d Light Tints

#3f6f5d Gray Shades

#3f6f5d Dark Shades

#3f6f5d Red Shades

#3f6f5d Green Shades

#3f6f5d Blue Shades

Readability Analysis

#3f6f5d as Text Color

#3f6f5d as Background Color

Color Blindness Simulation

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

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

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

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

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

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