0 views

#684f7c - Color Information

#684f7c

Base Information

HEX

#684f7c

RGB

104,79,124

HSL

273,22,40

HSV

273,36,49

CMYK

16,36,0,51

LAB

38,20,-22

LCH

38,29,313

XYZ

12,10,20

Web Safe

#666666

Web Smart

#665577

is dark

Yes

luminosity

0.0999

Pantone Color

Combinations

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

#684f7c

#637C4F

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

#684f7c

#7A7C4F

#4F7C51

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

#684f7c

#7C684F

#4F7C68

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

#684f7c

#7C514F

#637C4F

#4F7A7C

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

#684f7c

#637C4F

#7A7C4F

#4F7C51

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

#684f7c

#7C4F7A

#7C4F63

#7C514F

Shades

#684f7c Light Tints

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

#684F7C

#776189

#867296

#9584A3

#A495B0

#B4A7BE

#C3B9CB

#D2CAD8

#E1DCE5

#F0EDF2

#684f7c Gray Shades

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

#684F7C

#6A547C

#6D597D

#6F5E7D

#72637E

#74687E

#766C7E

#79717F

#7B767F

#7E7B80

#684f7c Dark Shades

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

#684F7C

#5E4770

#533F63

#493757

#3E2F4A

#34283E

#2A2032

#1F1825

#151019

#0A080C

#684f7c Red Shades

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

#684F7C

#774770

#863F63

#953757

#A42F4A

#B4283E

#C32032

#D21825

#E11019

#F0080C

#684f7c Green Shades

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

#684F7C

#5E5470

#535963

#495E57

#3E634A

#34683E

#2A6C32

#1F7125

#157619

#0A7B0C

#684f7c Blue Shades

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

#684F7C

#5E4789

#533F96

#4937A3

#3E2FB0

#3428BE

#2A20CB

#1F18D8

#1510E5

#0A08F2

Readability Analysis

#684f7c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	7.00	AAA	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

#684f7c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	7.00	AAA	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	`#56557f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#59557a`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#645468`
Protanopia	No red perception - Dichromacy	`#4c5881`
Deuteranopia	No green perception - Dichromacy	`#505878`
Tritanopia	No blue perception - Dichromacy	`#62565d`
Achromatomaly	Partial color blindness - Monochromacy	`#5e5465`
Achromatopsia	Complete color blindness - Monochromacy	`#585858`

#684f7c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#684f7c Light Tints

#684f7c Gray Shades

#684f7c Dark Shades

#684f7c Red Shades

#684f7c Green Shades

#684f7c Blue Shades

Readability Analysis

#684f7c as Text Color

#684f7c as Background Color

Color Blindness Simulation

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

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

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

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

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

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