0 views

#664cb5 - Color Information

#664cb5

Base Information

HEX

#664cb5

RGB

102,76,181

HSL

255,42,50

HSV

255,58,71

CMYK

44,58,0,29

LAB

40,36,-52

LCH

40,64,305

XYZ

16,11,45

Web Safe

#6633cc

Web Smart

#6644bb

is dark

Yes

luminosity

0.1133

Pantone Color

Combinations

#664cb5 complementary
Colors that are opposite to each other, forming a contrasting pair.

#664cb5

#9BB54C

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

#664cb5

#B59B4C

#66B54C

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

#664cb5

#B5664C

#4CB566

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

#664cb5

#B54C66

#9BB54C

#4CB59B

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

#664cb5

#9BB54C

#B59B4C

#66B54C

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

#664cb5

#9B4CB5

#B54C9B

#B54C66

Shades

#664cb5 Light Tints

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

#664CB5

#755EBC

#8570C4

#9482CB

#A394D3

#B3A6DA

#C2B7E1

#D1C9E9

#E0DBF0

#F0EDF8

#664cb5 Gray Shades

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

#664CB5

#6951B0

#6B56AA

#6E5CA5

#7061A0

#73669B

#766B95

#787090

#7B768B

#7D7B85

#664cb5 Dark Shades

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

#664CB5

#5C44A3

#523D91

#47357F

#3D2E6D

#33265B

#291E48

#1F1736

#140F24

#0A0812

#664cb5 Red Shades

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

#664CB5

#7544A3

#853D91

#94357F

#A32E6D

#B3265B

#C21E48

#D11736

#E00F24

#F00812

#664cb5 Green Shades

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

#664CB5

#5C51A3

#525691

#475C7F

#3D616D

#33665B

#296B48

#1F7036

#147624

#0A7B12

#664cb5 Blue Shades

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

#664CB5

#5C44BC

#523DC4

#4735CB

#3D2ED3

#3326DA

#291EE1

#1F17E9

#140FF0

#0A08F8

Readability Analysis

#664cb5 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.43	AA	Sample Text
Black	3.27	A	Sample Text
Red	1.61	Fail	Sample Text
Green	1.25	Fail	Sample Text
Blue	1.34	Fail	Sample Text

#664cb5 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.43	AA	Sample Text
Black	3.27	A	Sample Text
Red	1.61	Fail	Sample Text
Green	1.25	Fail	Sample Text
Blue	1.34	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#2556bb`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2559ad`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#585a85`
Protanopia	No red perception - Dichromacy	`#005cbf`
Deuteranopia	No green perception - Dichromacy	`#0061a8`
Tritanopia	No blue perception - Dichromacy	`#4f6269`
Achromatomaly	Partial color blindness - Monochromacy	`#5e547b`
Achromatopsia	Complete color blindness - Monochromacy	`#595959`

#664cb5 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#664cb5 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#664cb5 Light Tints

#664cb5 Gray Shades

#664cb5 Dark Shades

#664cb5 Red Shades

#664cb5 Green Shades

#664cb5 Blue Shades

Readability Analysis

#664cb5 as Text Color

#664cb5 as Background Color

Color Blindness Simulation

#664cb5 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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