0 views

#686eaf - Color Information

#686eaf

Base Information

HEX

#686eaf

RGB

104,110,175

HSL

235,31,55

HSV

235,41,69

CMYK

41,37,0,31

LAB

48,14,-35

LCH

48,38,292

XYZ

19,17,43

Web Safe

#666699

Web Smart

#6666aa

is dark

Yes

luminosity

0.1719

Pantone Color

Combinations

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

#686eaf

#AFA968

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

#686eaf

#AF8668

#92AF68

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

#686eaf

#AF686E

#6EAF68

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

#686eaf

#AF6892

#AFA968

#68AF86

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

#686eaf

#AFA968

#AF8668

#92AF68

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

#686eaf

#8568AF

#A968AF

#AF6892

Shades

#686eaf Light Tints

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

#686EAF

#777DB7

#868BBF

#959AC7

#A4A8CF

#B4B7D7

#C3C5DF

#D2D4E7

#E1E2EF

#F0F1F7

#686eaf Gray Shades

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

#686EAF

#6A70AA

#6D72A6

#6F73A1

#72759C

#747798

#767993

#797B8E

#7B7C89

#7E7E85

#686eaf Dark Shades

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

#686EAF

#5E639E

#53588C

#494D7A

#3E4269

#343758

#2A2C46

#1F2134

#151623

#0A0B11

#686eaf Red Shades

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

#686EAF

#77639E

#86588C

#954D7A

#A44269

#B43758

#C32C46

#D22134

#E11623

#F00B11

#686eaf Green Shades

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

#686EAF

#5E709E

#53728C

#49737A

#3E7569

#347758

#2A7946

#1F7B34

#157C23

#0A7E11

#686eaf Blue Shades

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

#686EAF

#5E63B7

#5358BF

#494DC7

#3E42CF

#3437D7

#2A2CDF

#1F21E7

#1516EF

#0A0BF7

Readability Analysis

#686eaf as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.73	AA	Sample Text
Black	4.44	A	Sample Text
Red	1.18	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.82	Fail	Sample Text

#686eaf as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.73	AA	Sample Text
Black	4.44	A	Sample Text
Red	1.18	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.82	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#5f70b0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5d71ad`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#5f7491`
Protanopia	No red perception - Dichromacy	`#5b71b0`
Deuteranopia	No green perception - Dichromacy	`#5772ac`
Tritanopia	No blue perception - Dichromacy	`#5a7781`
Achromatomaly	Partial color blindness - Monochromacy	`#6e7088`
Achromatopsia	Complete color blindness - Monochromacy	`#717171`

#686eaf - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#686eaf Light Tints

#686eaf Gray Shades

#686eaf Dark Shades

#686eaf Red Shades

#686eaf Green Shades

#686eaf Blue Shades

Readability Analysis

#686eaf as Text Color

#686eaf as Background Color

Color Blindness Simulation

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

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

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

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

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

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