0 views

#5d6163 - Color Information

#5d6163

Base Information

HEX

#5d6163

RGB

93,97,99

HSL

200,3,38

HSV

200,6,39

CMYK

6,2,0,61

LAB

41,-1,-2

LCH

41,2,236

XYZ

11,12,13

Web Safe

#666666

Web Smart

#556666

is dark

Yes

luminosity

0.1178

Pantone Color

Combinations

#5d6163 complementary
Colors that are opposite to each other, forming a contrasting pair.

#5d6163

#635F5D

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

#5d6163

#635D5E

#63625D

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

#5d6163

#635D61

#61635D

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

#5d6163

#625D63

#635F5D

#5E635D

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

#5d6163

#635F5D

#635D5E

#63625D

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

#5d6163

#5D5E63

#5F5D63

#625D63

Shades

#5d6163 Light Tints

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

#5D6163

#6D7173

#7D8182

#8E9092

#9EA0A1

#AEB0B1

#BEC0C1

#CED0D0

#DFDFE0

#EFEFEF

#5d6163 Gray Shades

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

#5D6163

#616466

#646769

#686A6C

#6B6D6F

#6F7172

#727474

#767777

#797A7A

#7D7D7D

#5d6163 Dark Shades

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

#5D6163

#545759

#4A4E4F

#414445

#383A3B

#2F3132

#252728

#1C1D1E

#131314

#090A0A

#5d6163 Red Shades

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

#5D6163

#6D5759

#7D4E4F

#8E4445

#9E3A3B

#AE3132

#BE2728

#CE1D1E

#DF1314

#EF0A0A

#5d6163 Green Shades

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

#5D6163

#546459

#4A674F

#416A45

#386D3B

#2F7132

#257428

#1C771E

#137A14

#097D0A

#5d6163 Blue Shades

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

#5D6163

#545773

#4A4E82

#414492

#383AA1

#2F31B1

#2527C1

#1C1DD0

#1313E0

#090AEF

Readability Analysis

#5d6163 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.26	AA	Sample Text
Black	3.36	A	Sample Text
Red	1.57	Fail	Sample Text
Green	1.22	Fail	Sample Text
Blue	1.37	Fail	Sample Text

#5d6163 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.26	AA	Sample Text
Black	3.36	A	Sample Text
Red	1.57	Fail	Sample Text
Green	1.22	Fail	Sample Text
Blue	1.37	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#606063`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#645f64`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#5e6166`
Protanopia	No red perception - Dichromacy	`#626062`
Deuteranopia	No green perception - Dichromacy	`#685e64`
Tritanopia	No blue perception - Dichromacy	`#5e6068`
Achromatomaly	Partial color blindness - Monochromacy	`#5f6161`
Achromatopsia	Complete color blindness - Monochromacy	`#606060`

#5d6163 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#5d6163 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#5d6163 Light Tints

#5d6163 Gray Shades

#5d6163 Dark Shades

#5d6163 Red Shades

#5d6163 Green Shades

#5d6163 Blue Shades

Readability Analysis

#5d6163 as Text Color

#5d6163 as Background Color

Color Blindness Simulation

#5d6163 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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