0 views

#676c8c - Color Information

#676c8c

Base Information

HEX

#676c8c

RGB

103,108,140

HSL

232,15,48

HSV

232,26,55

CMYK

26,23,0,45

LAB

46,6,-18

LCH

46,19,287

XYZ

16,16,27

Web Safe

#666699

Web Smart

#666688

is dark

Yes

luminosity

0.1550

Pantone Color

Combinations

#676c8c complementary
Colors that are opposite to each other, forming a contrasting pair.

#676c8c

#8C8767

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

#676c8c

#8C7567

#7F8C67

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

#676c8c

#8C676C

#6C8C67

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

#676c8c

#8C677F

#8C8767

#678C75

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

#676c8c

#8C8767

#8C7567

#7F8C67

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

#676c8c

#75678C

#87678C

#8C677F

Shades

#676c8c Light Tints

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

#676C8C

#767B98

#8589A3

#9598AF

#A4A7BA

#B3B6C6

#C2C4D1

#D1D3DD

#E1E2E8

#F0F0F4

#676c8c Gray Shades

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

#676C8C

#6A6E8B

#6C708A

#6F7288

#717487

#747686

#767885

#797A84

#7B7C82

#7E7E81

#676c8c Dark Shades

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

#676C8C

#5D617E

#525670

#484C62

#3E4154

#343646

#292B38

#1F202A

#15161C

#0A0B0E

#676c8c Red Shades

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

#676C8C

#76617E

#855670

#954C62

#A44154

#B33646

#C22B38

#D1202A

#E1161C

#F00B0E

#676c8c Green Shades

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

#676C8C

#5D6E7E

#527070

#487262

#3E7454

#347646

#297838

#1F7A2A

#157C1C

#0A7E0E

#676c8c Blue Shades

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

#676C8C

#5D6198

#5256A3

#484CAF

#3E41BA

#3436C6

#292BD1

#1F20DD

#1516E8

#0A0BF4

Readability Analysis

#676c8c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.12	AA	Sample Text
Black	4.10	A	Sample Text
Red	1.28	Fail	Sample Text
Green	1.00	Fail	Sample Text
Blue	1.68	Fail	Sample Text

#676c8c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.12	AA	Sample Text
Black	4.10	A	Sample Text
Red	1.28	Fail	Sample Text
Green	1.00	Fail	Sample Text
Blue	1.68	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#666c8b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#686c8b`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#646e7f`
Protanopia	No red perception - Dichromacy	`#656c8b`
Deuteranopia	No green perception - Dichromacy	`#686b8b`
Tritanopia	No blue perception - Dichromacy	`#626f78`
Achromatomaly	Partial color blindness - Monochromacy	`#6b6d78`
Achromatopsia	Complete color blindness - Monochromacy	`#6d6d6d`

#676c8c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#676c8c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#676c8c Light Tints

#676c8c Gray Shades

#676c8c Dark Shades

#676c8c Red Shades

#676c8c Green Shades

#676c8c Blue Shades

Readability Analysis

#676c8c as Text Color

#676c8c as Background Color

Color Blindness Simulation

#676c8c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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