0 views

#66678c - Color Information

#66678c

Base Information

HEX

#66678c

RGB

102,103,140

HSL

238,16,47

HSV

238,27,55

CMYK

27,26,0,45

LAB

45,8,-20

LCH

45,22,292

XYZ

15,14,27

Web Safe

#666699

Web Smart

#666688

is dark

Yes

luminosity

0.1442

Pantone Color

Combinations

#66678c complementary
Colors that are opposite to each other, forming a contrasting pair.

#66678c

#8C8B66

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

#66678c

#8C7866

#7A8C66

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

#66678c

#8C6667

#678C66

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

#66678c

#8C667A

#8C8B66

#668C78

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

#66678c

#8C8B66

#8C7866

#7A8C66

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

#66678c

#78668C

#8B668C

#8C667A

Shades

#66678c Light Tints

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

#66678C

#757698

#8585A3

#9495AF

#A3A4BA

#B3B3C6

#C2C2D1

#D1D1DD

#E0E1E8

#F0F0F4

#66678c Gray Shades

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

#66678C

#696A8B

#6B6C8A

#6E6F88

#707187

#737486

#767685

#787984

#7B7B82

#7D7E81

#66678c Dark Shades

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

#66678C

#5C5D7E

#525270

#474862

#3D3E54

#333446

#292938

#1F1F2A

#14151C

#0A0A0E

#66678c Red Shades

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

#66678C

#755D7E

#855270

#944862

#A33E54

#B33446

#C22938

#D11F2A

#E0151C

#F00A0E

#66678c Green Shades

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

#66678C

#5C6A7E

#526C70

#476F62

#3D7154

#337446

#297638

#1F792A

#147B1C

#0A7E0E

#66678c Blue Shades

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

#66678C

#5C5D98

#5252A3

#4748AF

#3D3EBA

#3334C6

#2929D1

#1F1FDD

#1415E8

#0A0AF4

Readability Analysis

#66678c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.41	AA	Sample Text
Black	3.88	A	Sample Text
Red	1.35	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.59	Fail	Sample Text

#66678c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.41	AA	Sample Text
Black	3.88	A	Sample Text
Red	1.35	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.59	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#62688c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#63688b`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#626a7d`
Protanopia	No red perception - Dichromacy	`#5f688c`
Deuteranopia	No green perception - Dichromacy	`#62688a`
Tritanopia	No blue perception - Dichromacy	`#606b74`
Achromatomaly	Partial color blindness - Monochromacy	`#686976`
Achromatopsia	Complete color blindness - Monochromacy	`#696969`

#66678c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#66678c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#66678c Light Tints

#66678c Gray Shades

#66678c Dark Shades

#66678c Red Shades

#66678c Green Shades

#66678c Blue Shades

Readability Analysis

#66678c as Text Color

#66678c as Background Color

Color Blindness Simulation

#66678c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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