0 views

#676f9c - Color Information

#676f9c

Base Information

HEX

#676f9c

RGB

103,111,156

HSL

231,21,51

HSV

231,34,61

CMYK

34,29,0,39

LAB

48,8,-25

LCH

48,27,288

XYZ

17,17,34

Web Safe

#666699

Web Smart

#667799

is dark

Yes

luminosity

0.1665

Pantone Color

Combinations

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

#676f9c

#9C9467

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

#676f9c

#9C7967

#8A9C67

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

#676f9c

#9C676F

#6F9C67

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

#676f9c

#9C678A

#9C9467

#679C7A

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

#676f9c

#9C9467

#9C7967

#8A9C67

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

#676f9c

#79679C

#94679C

#9C678A

Shades

#676f9c Light Tints

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

#676F9C

#767DA6

#858CB0

#959ABA

#A4A9C4

#B3B7CE

#C2C5D7

#D1D4E1

#E1E2EB

#F0F1F5

#676f9c Gray Shades

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

#676F9C

#6A7199

#6C7296

#6F7494

#717691

#74788E

#76798B

#797B88

#7B7D86

#7E7E83

#676f9c Dark Shades

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

#676F9C

#5D648C

#52597D

#484E6D

#3E435E

#34384E

#292C3E

#1F212F

#15161F

#0A0B10

#676f9c Red Shades

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

#676F9C

#76648C

#85597D

#954E6D

#A4435E

#B3384E

#C22C3E

#D1212F

#E1161F

#F00B10

#676f9c Green Shades

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

#676F9C

#5D718C

#52727D

#48746D

#3E765E

#34784E

#29793E

#1F7B2F

#157D1F

#0A7E10

#676f9c Blue Shades

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

#676F9C

#5D64A6

#5259B0

#484EBA

#3E43C4

#3438CE

#292CD7

#1F21E1

#1516EB

#0A0BF5

Readability Analysis

#676f9c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.85	AA	Sample Text
Black	4.33	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.77	Fail	Sample Text

#676f9c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.85	AA	Sample Text
Black	4.33	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.77	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#656f9b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#656f9b`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#627289`
Protanopia	No red perception - Dichromacy	`#636f9b`
Deuteranopia	No green perception - Dichromacy	`#646f9a`
Tritanopia	No blue perception - Dichromacy	`#5f747d`
Achromatomaly	Partial color blindness - Monochromacy	`#6d7080`
Achromatopsia	Complete color blindness - Monochromacy	`#717171`

#676f9c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#676f9c Light Tints

#676f9c Gray Shades

#676f9c Dark Shades

#676f9c Red Shades

#676f9c Green Shades

#676f9c Blue Shades

Readability Analysis

#676f9c as Text Color

#676f9c as Background Color

Color Blindness Simulation

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

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

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

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

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

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