0 views

#684e9a - Color Information

#684e9a

Base Information

HEX

#684e9a

RGB

104,78,154

HSL

261,33,45

HSV

261,49,60

CMYK

32,49,0,40

LAB

39,28,-38

LCH

39,47,307

XYZ

14,11,32

Web Safe

#666699

Web Smart

#665599

is dark

Yes

luminosity

0.1072

Pantone Color

Combinations

#684e9a complementary
Colors that are opposite to each other, forming a contrasting pair.

#684e9a

#809A4E

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

#684e9a

#9A8E4E

#5A9A4E

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

#684e9a

#9A684E

#4E9A68

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

#684e9a

#9A4E5A

#809A4E

#4E9A8E

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

#684e9a

#809A4E

#9A8E4E

#5A9A4E

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

#684e9a

#8E4E9A

#9A4E80

#9A4E5A

Shades

#684e9a Light Tints

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

#684E9A

#7760A4

#8671AE

#9583B8

#A495C2

#B4A7CD

#C3B8D7

#D2CAE1

#E1DCEB

#F0EDF5

#684e9a Gray Shades

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

#684E9A

#6A5397

#6D5895

#6F5D92

#726290

#74678D

#766C8A

#797188

#7B7685

#7E7B83

#684e9a Dark Shades

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

#684E9A

#5E468B

#533E7B

#49376C

#3E2F5C

#34274D

#2A1F3E

#1F172E

#15101F

#0A080F

#684e9a Red Shades

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

#684E9A

#77468B

#863E7B

#95376C

#A42F5C

#B4274D

#C31F3E

#D2172E

#E1101F

#F0080F

#684e9a Green Shades

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

#684E9A

#5E538B

#53587B

#495D6C

#3E625C

#34674D

#2A6C3E

#1F712E

#15761F

#0A7B0F

#684e9a Blue Shades

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

#684E9A

#5E46A4

#533EAE

#4937B8

#3E2FC2

#3427CD

#2A1FD7

#1F17E1

#1510EB

#0A08F5

Readability Analysis

#684e9a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.68	AA	Sample Text
Black	3.14	A	Sample Text
Red	1.67	Fail	Sample Text
Green	1.30	Fail	Sample Text
Blue	1.29	Fail	Sample Text

#684e9a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.68	AA	Sample Text
Black	3.14	A	Sample Text
Red	1.67	Fail	Sample Text
Green	1.30	Fail	Sample Text
Blue	1.29	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4a569f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4b5796`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#605777`
Protanopia	No red perception - Dichromacy	`#395aa2`
Deuteranopia	No green perception - Dichromacy	`#3b5d93`
Tritanopia	No blue perception - Dichromacy	`#5b5c63`
Achromatomaly	Partial color blindness - Monochromacy	`#5e5571`
Achromatopsia	Complete color blindness - Monochromacy	`#595959`

#684e9a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#684e9a complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#684e9a Light Tints

#684e9a Gray Shades

#684e9a Dark Shades

#684e9a Red Shades

#684e9a Green Shades

#684e9a Blue Shades

Readability Analysis

#684e9a as Text Color

#684e9a as Background Color

Color Blindness Simulation

#684e9a complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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