0 views

#3d6f6a - Color Information

#3d6f6a

Base Information

HEX

#3d6f6a

RGB

61,111,106

HSL

174,29,34

HSV

174,45,44

CMYK

45,0,5,56

LAB

43,-18,-2

LCH

43,18,188

XYZ

10,13,16

Web Safe

#336666

Web Smart

#447766

is dark

Yes

luminosity

0.1340

Pantone Color

Combinations

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

#3d6f6a

#6F3D42

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

#3d6f6a

#6F3D5B

#6F513D

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

#3d6f6a

#6A3D6F

#6F6A3D

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

#3d6f6a

#513D6F

#6F3D42

#5B6F3D

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

#3d6f6a

#6F3D42

#6F3D5B

#6F513D

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

#3d6f6a

#3D5B6F

#3D426F

#513D6F

Shades

#3d6f6a Light Tints

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

#3D6F6A

#507D79

#648C88

#779A97

#8BA9A6

#9EB7B5

#B1C5C3

#C5D4D2

#D8E2E1

#ECF1F0

#3d6f6a Gray Shades

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

#3D6F6A

#44716C

#4A726E

#517471

#587673

#5F7875

#657977

#6C7B79

#737D7C

#797E7E

#3d6f6a Dark Shades

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

#3D6F6A

#37645F

#315955

#2B4E4A

#254340

#1F3835

#182C2A

#122120

#0C1615

#060B0B

#3d6f6a Red Shades

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

#3D6F6A

#50645F

#645955

#774E4A

#8B4340

#9E3835

#B12C2A

#C52120

#D81615

#EC0B0B

#3d6f6a Green Shades

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

#3D6F6A

#37715F

#317255

#2B744A

#257640

#1F7835

#18792A

#127B20

#0C7D15

#067E0B

#3d6f6a Blue Shades

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

#3D6F6A

#376479

#315988

#2B4E97

#2543A6

#1F38B5

#182CC3

#1221D2

#0C16E1

#060BF0

Readability Analysis

#3d6f6a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.71	AA	Sample Text
Black	3.68	A	Sample Text
Red	1.43	Fail	Sample Text
Green	1.11	Fail	Sample Text
Blue	1.51	Fail	Sample Text

#3d6f6a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.71	AA	Sample Text
Black	3.68	A	Sample Text
Red	1.43	Fail	Sample Text
Green	1.11	Fail	Sample Text
Blue	1.51	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#596967`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5c686c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#416e71`
Protanopia	No red perception - Dichromacy	`#686665`
Deuteranopia	No green perception - Dichromacy	`#6d636e`
Tritanopia	No blue perception - Dichromacy	`#436d75`
Achromatomaly	Partial color blindness - Monochromacy	`#566866`
Achromatopsia	Complete color blindness - Monochromacy	`#646464`

#3d6f6a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3d6f6a Light Tints

#3d6f6a Gray Shades

#3d6f6a Dark Shades

#3d6f6a Red Shades

#3d6f6a Green Shades

#3d6f6a Blue Shades

Readability Analysis

#3d6f6a as Text Color

#3d6f6a as Background Color

Color Blindness Simulation

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

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

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

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

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

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