0 views

#686b95 - Color Information

#686b95

Base Information

HEX

#686b95

RGB

104,107,149

HSL

236,18,50

HSV

236,30,58

CMYK

30,28,0,42

LAB

46,9,-23

LCH

46,25,291

XYZ

16,16,31

Web Safe

#666699

Web Smart

#666699

is dark

Yes

luminosity

0.1563

Pantone Color

Combinations

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

#686b95

#959268

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

#686b95

#957C68

#829568

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

#686b95

#95686B

#6B9568

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

#686b95

#956882

#959268

#68957C

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

#686b95

#959268

#957C68

#829568

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

#686b95

#7B6895

#926895

#956882

Shades

#686b95 Light Tints

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

#686B95

#777AA0

#8689AA

#9597B5

#A4A6BF

#B4B5CA

#C3C4D5

#D2D3DF

#E1E1EA

#F0F0F4

#686b95 Gray Shades

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

#686B95

#6A6D93

#6D6F91

#6F718F

#72738D

#74768B

#767888

#797A86

#7B7C84

#7E7E82

#686b95 Dark Shades

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

#686B95

#5E6086

#535677

#494B68

#3E4059

#34364B

#2A2B3C

#1F202D

#15151E

#0A0B0F

#686b95 Red Shades

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

#686B95

#776086

#865677

#954B68

#A44059

#B4364B

#C32B3C

#D2202D

#E1151E

#F00B0F

#686b95 Green Shades

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

#686B95

#5E6D86

#536F77

#497168

#3E7359

#34764B

#2A783C

#1F7A2D

#157C1E

#0A7E0F

#686b95 Blue Shades

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

#686B95

#5E60A0

#5356AA

#494BB5

#3E40BF

#3436CA

#2A2BD5

#1F20DF

#1515EA

#0A0BF4

Readability Analysis

#686b95 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.09	AA	Sample Text
Black	4.13	A	Sample Text
Red	1.27	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.69	Fail	Sample Text

#686b95 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.09	AA	Sample Text
Black	4.13	A	Sample Text
Red	1.27	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.69	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#646c95`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#656c94`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#646e83`
Protanopia	No red perception - Dichromacy	`#616c95`
Deuteranopia	No green perception - Dichromacy	`#636c93`
Tritanopia	No blue perception - Dichromacy	`#617079`
Achromatomaly	Partial color blindness - Monochromacy	`#6b6d7c`
Achromatopsia	Complete color blindness - Monochromacy	`#6d6d6d`

#686b95 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#686b95 Light Tints

#686b95 Gray Shades

#686b95 Dark Shades

#686b95 Red Shades

#686b95 Green Shades

#686b95 Blue Shades

Readability Analysis

#686b95 as Text Color

#686b95 as Background Color

Color Blindness Simulation

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

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

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

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

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

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