0 views

#686f5b - Color Information

#686f5b

Base Information

HEX

#686f5b

RGB

104,111,91

HSL

81,10,40

HSV

81,18,44

CMYK

6,0,18,56

LAB

46,-7,10

LCH

46,12,123

XYZ

13,15,12

Web Safe

#666666

Web Smart

#667755

is dark

Yes

luminosity

0.1507

Pantone Color

Combinations

#686f5b complementary
Colors that are opposite to each other, forming a contrasting pair.

#686f5b

#625B6F

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

#686f5b

#5B5E6F

#6C5B6F

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

#686f5b

#5B686F

#6F5B68

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

#686f5b

#5B6F6C

#625B6F

#6F5B5E

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

#686f5b

#625B6F

#5B5E6F

#6C5B6F

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

#686f5b

#5E6F5B

#5B6F62

#5B6F6C

Shades

#686f5b Light Tints

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

#686F5B

#777D6B

#868C7C

#959A8C

#A4A99D

#B4B7AD

#C3C5BD

#D2D4CE

#E1E2DE

#F0F1EF

#686f5b Gray Shades

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

#686F5B

#6A715F

#6D7262

#6F7466

#72766A

#74786E

#767971

#797B75

#7B7D79

#7E7E7C

#686f5b Dark Shades

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

#686F5B

#5E6452

#535949

#494E40

#3E4337

#34382E

#2A2C24

#1F211B

#151612

#0A0B09

#686f5b Red Shades

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

#686F5B

#776452

#865949

#954E40

#A44337

#B4382E

#C32C24

#D2211B

#E11612

#F00B09

#686f5b Green Shades

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

#686F5B

#5E7152

#537249

#497440

#3E7637

#34782E

#2A7924

#1F7B1B

#157D12

#0A7E09

#686f5b Blue Shades

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

#686F5B

#5E646B

#53597C

#494E8C

#3E439D

#3438AD

#2A2CBD

#1F21CE

#1516DE

#0A0BEF

Readability Analysis

#686f5b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.23	AA	Sample Text
Black	4.01	A	Sample Text
Red	1.31	Fail	Sample Text
Green	1.02	Fail	Sample Text
Blue	1.64	Fail	Sample Text

#686f5b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.23	AA	Sample Text
Black	4.01	A	Sample Text
Red	1.31	Fail	Sample Text
Green	1.02	Fail	Sample Text
Blue	1.64	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#6e6d5a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#756a5d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#6a6c6b`
Protanopia	No red perception - Dichromacy	`#726c5a`
Deuteranopia	No green perception - Dichromacy	`#7c685d`
Tritanopia	No blue perception - Dichromacy	`#6c6b73`
Achromatomaly	Partial color blindness - Monochromacy	`#6b6d66`
Achromatopsia	Complete color blindness - Monochromacy	`#6c6c6c`

#686f5b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#686f5b complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#686f5b Light Tints

#686f5b Gray Shades

#686f5b Dark Shades

#686f5b Red Shades

#686f5b Green Shades

#686f5b Blue Shades

Readability Analysis

#686f5b as Text Color

#686f5b as Background Color

Color Blindness Simulation

#686f5b complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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