0 views

#3d686a - Color Information

#3d686a

Base Information

HEX

#3d686a

RGB

61,104,106

HSL

183,27,33

HSV

183,42,42

CMYK

42,2,0,58

LAB

41,-14,-6

LCH

41,15,202

XYZ

9,12,15

Web Safe

#336666

Web Smart

#446666

is dark

Yes

luminosity

0.1193

Pantone Color

Combinations

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

#3d686a

#6A3F3D

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

#3d686a

#6A3D51

#6A563D

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

#3d686a

#6A3D68

#686A3D

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

#3d686a

#563D6A

#6A3F3D

#516A3D

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

#3d686a

#6A3F3D

#6A3D51

#6A563D

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

#3d686a

#3D516A

#3F3D6A

#563D6A

Shades

#3d686a Light Tints

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

#3D686A

#507779

#648688

#779597

#8BA4A6

#9EB4B5

#B1C3C3

#C5D2D2

#D8E1E1

#ECF0F0

#3d686a Gray Shades

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

#3D686A

#446A6C

#4A6D6E

#516F71

#587273

#5F7475

#657677

#6C7979

#737B7C

#797E7E

#3d686a Dark Shades

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

#3D686A

#375E5F

#315355

#2B494A

#253E40

#1F3435

#182A2A

#121F20

#0C1515

#060A0B

#3d686a Red Shades

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

#3D686A

#505E5F

#645355

#77494A

#8B3E40

#9E3435

#B12A2A

#C51F20

#D81515

#EC0A0B

#3d686a Green Shades

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

#3D686A

#376A5F

#316D55

#2B6F4A

#257240

#1F7435

#18762A

#127920

#0C7B15

#067E0B

#3d686a Blue Shades

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

#3D686A

#375E79

#315388

#2B4997

#253EA6

#1F34B5

#182AC3

#121FD2

#0C15E1

#060AF0

Readability Analysis

#3d686a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.20	AA	Sample Text
Black	3.39	A	Sample Text
Red	1.55	Fail	Sample Text
Green	1.21	Fail	Sample Text
Blue	1.39	Fail	Sample Text

#3d686a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.20	AA	Sample Text
Black	3.39	A	Sample Text
Red	1.55	Fail	Sample Text
Green	1.21	Fail	Sample Text
Blue	1.39	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#546367`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#56626c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#40676d`
Protanopia	No red perception - Dichromacy	`#616066`
Deuteranopia	No green perception - Dichromacy	`#655e6d`
Tritanopia	No blue perception - Dichromacy	`#41676f`
Achromatomaly	Partial color blindness - Monochromacy	`#536263`
Achromatopsia	Complete color blindness - Monochromacy	`#5f5f5f`

#3d686a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3d686a Light Tints

#3d686a Gray Shades

#3d686a Dark Shades

#3d686a Red Shades

#3d686a Green Shades

#3d686a Blue Shades

Readability Analysis

#3d686a as Text Color

#3d686a as Background Color

Color Blindness Simulation

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

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

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

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

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

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