0 views

#4d686f - Color Information

#4d686f

Base Information

HEX

#4d686f

RGB

77,104,111

HSL

192,18,37

HSV

192,31,44

CMYK

31,6,0,56

LAB

42,-8,-7

LCH

42,11,222

XYZ

11,13,17

Web Safe

#666666

Web Smart

#556677

is dark

Yes

luminosity

0.1263

Pantone Color

Combinations

#4d686f complementary
Colors that are opposite to each other, forming a contrasting pair.

#4d686f

#6F544D

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

#4d686f

#6F4D57

#6F654D

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

#4d686f

#6F4D68

#686F4D

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

#4d686f

#654D6F

#6F544D

#576F4D

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

#4d686f

#6F544D

#6F4D57

#6F654D

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

#4d686f

#4D576F

#544D6F

#654D6F

Shades

#4d686f Light Tints

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

#4D686F

#5F777D

#71868C

#82959A

#94A4A9

#A6B4B7

#B8C3C5

#CAD2D4

#DBE1E2

#EDF0F1

#4d686f Gray Shades

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

#4D686F

#526A71

#576D72

#5C6F74

#617276

#677478

#6C7679

#71797B

#767B7D

#7B7E7E

#4d686f Dark Shades

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

#4D686F

#455E64

#3E5359

#36494E

#2E3E43

#273438

#1F2A2C

#171F21

#0F1516

#080A0B

#4d686f Red Shades

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

#4D686F

#5F5E64

#715359

#82494E

#943E43

#A63438

#B82A2C

#CA1F21

#DB1516

#ED0A0B

#4d686f Green Shades

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

#4D686F

#456A64

#3E6D59

#366F4E

#2E7243

#277438

#1F762C

#177921

#0F7B16

#087E0B

#4d686f Blue Shades

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

#4D686F

#455E7D

#3E538C

#36499A

#2E3EA9

#2734B7

#1F2AC5

#171FD4

#0F15E2

#080AF1

Readability Analysis

#4d686f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.96	AA	Sample Text
Black	3.53	A	Sample Text
Red	1.49	Fail	Sample Text
Green	1.16	Fail	Sample Text
Blue	1.44	Fail	Sample Text

#4d686f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.96	AA	Sample Text
Black	3.53	A	Sample Text
Red	1.49	Fail	Sample Text
Green	1.16	Fail	Sample Text
Blue	1.44	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#5b656d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5e6470`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#4e6870`
Protanopia	No red perception - Dichromacy	`#63636c`
Deuteranopia	No green perception - Dichromacy	`#676171`
Tritanopia	No blue perception - Dichromacy	`#4f6870`
Achromatomaly	Partial color blindness - Monochromacy	`#5b6567`
Achromatopsia	Complete color blindness - Monochromacy	`#636363`

#4d686f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#4d686f complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#4d686f Light Tints

#4d686f Gray Shades

#4d686f Dark Shades

#4d686f Red Shades

#4d686f Green Shades

#4d686f Blue Shades

Readability Analysis

#4d686f as Text Color

#4d686f as Background Color

Color Blindness Simulation

#4d686f complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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