0 views

#5f556c - Color Information

#5f556c

Base Information

HEX

#5f556c

RGB

95,85,108

HSL

266,12,38

HSV

266,21,42

CMYK

12,21,0,58

LAB

38,9,-12

LCH

38,15,308

XYZ

11,10,16

Web Safe

#666666

Web Smart

#665566

is dark

Yes

luminosity

0.1001

Pantone Color

Combinations

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

#5f556c

#626C55

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

#5f556c

#6C6A55

#566C55

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

#5f556c

#6C5F55

#556C5F

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

#5f556c

#6C5556

#626C55

#556C6B

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

#5f556c

#626C55

#6C6A55

#566C55

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

#5f556c

#6B556C

#6C5562

#6C5556

Shades

#5f556c Light Tints

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

#5F556C

#6F667B

#7F7789

#8F8898

#9F99A7

#AFAAB6

#BFBBC4

#CFCCD3

#DFDDE2

#EFEEF0

#5f556c Gray Shades

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

#5F556C

#62596E

#665E70

#696272

#6C6674

#706B76

#736F78

#76737A

#79777C

#7D7C7E

#5f556c Dark Shades

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

#5F556C

#564D61

#4C4456

#433B4C

#393341

#302B36

#26222B

#1C1920

#131116

#09080B

#5f556c Red Shades

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

#5F556C

#6F4D61

#7F4456

#8F3B4C

#9F3341

#AF2B36

#BF222B

#CF1920

#DF1116

#EF080B

#5f556c Green Shades

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

#5F556C

#565961

#4C5E56

#43624C

#396641

#306B36

#266F2B

#1C7320

#137716

#097C0B

#5f556c Blue Shades

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

#5F556C

#564D7B

#4C4489

#433B98

#3933A7

#302BB6

#2622C4

#1C19D3

#1311E2

#0908F0

Readability Analysis

#5f556c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.99	AA	Sample Text
Black	3.00	A	Sample Text
Red	1.75	Fail	Sample Text
Green	1.36	Fail	Sample Text
Blue	1.23	Fail	Sample Text

#5f556c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.99	AA	Sample Text
Black	3.00	A	Sample Text
Red	1.75	Fail	Sample Text
Green	1.36	Fail	Sample Text
Blue	1.23	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#58576d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5c576b`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#5e5764`
Protanopia	No red perception - Dichromacy	`#55596e`
Deuteranopia	No green perception - Dichromacy	`#5a586b`
Tritanopia	No blue perception - Dichromacy	`#5d585f`
Achromatomaly	Partial color blindness - Monochromacy	`#5b5760`
Achromatopsia	Complete color blindness - Monochromacy	`#595959`

#5f556c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#5f556c Light Tints

#5f556c Gray Shades

#5f556c Dark Shades

#5f556c Red Shades

#5f556c Green Shades

#5f556c Blue Shades

Readability Analysis

#5f556c as Text Color

#5f556c as Background Color

Color Blindness Simulation

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

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

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

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

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

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