0 views

#656cc1 - Color Information

#656cc1

Base Information

HEX

#656cc1

RGB

101,108,193

HSL

235,43,58

HSV

235,48,76

CMYK

48,44,0,24

LAB

49,20,-46

LCH

49,50,294

XYZ

20,17,53

Web Safe

#6666cc

Web Smart

#6666bb

is dark

Yes

luminosity

0.1734

Pantone Color

Combinations

#656cc1 complementary
Colors that are opposite to each other, forming a contrasting pair.

#656cc1

#C1BA65

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

#656cc1

#C18C65

#9AC165

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

#656cc1

#C1656C

#6CC165

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

#656cc1

#C1659A

#C1BA65

#65C18C

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

#656cc1

#C1BA65

#C18C65

#9AC165

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

#656cc1

#8C65C1

#BA65C1

#C1659A

Shades

#656cc1 Light Tints

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

#656CC1

#747BC7

#8489CD

#9398D4

#A3A7DA

#B2B6E0

#C1C4E6

#D1D3EC

#E0E2F3

#F0F0F9

#656cc1 Gray Shades

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

#656CC1

#686EBB

#6A70B4

#6D72AE

#7074A7

#7376A1

#75789A

#787A94

#7B7C8D

#7D7E87

#656cc1 Dark Shades

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

#656CC1

#5B61AE

#51569A

#474C87

#3D4174

#333661

#282B4D

#1E203A

#141627

#0A0B13

#656cc1 Red Shades

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

#656CC1

#7461AE

#84569A

#934C87

#A34174

#B23661

#C12B4D

#D1203A

#E01627

#F00B13

#656cc1 Green Shades

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

#656CC1

#5B6EAE

#51709A

#477287

#3D7474

#337661

#28784D

#1E7A3A

#147C27

#0A7E13

#656cc1 Blue Shades

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

#656CC1

#5B61C7

#5156CD

#474CD4

#3D41DA

#3336E0

#282BE6

#1E20EC

#1416F3

#0A0BF9

Readability Analysis

#656cc1 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.70	AA	Sample Text
Black	4.47	A	Sample Text
Red	1.18	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.83	Fail	Sample Text

#656cc1 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.70	AA	Sample Text
Black	4.47	A	Sample Text
Red	1.18	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.83	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#566fc3`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4e71be`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#57759a`
Protanopia	No red perception - Dichromacy	`#4d70c4`
Deuteranopia	No green perception - Dichromacy	`#4174bc`
Tritanopia	No blue perception - Dichromacy	`#507a83`
Achromatomaly	Partial color blindness - Monochromacy	`#6c6f8e`
Achromatopsia	Complete color blindness - Monochromacy	`#717171`

#656cc1 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#656cc1 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#656cc1 Light Tints

#656cc1 Gray Shades

#656cc1 Dark Shades

#656cc1 Red Shades

#656cc1 Green Shades

#656cc1 Blue Shades

Readability Analysis

#656cc1 as Text Color

#656cc1 as Background Color

Color Blindness Simulation

#656cc1 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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