0 views

#656cc3 - Color Information

#656cc3

Base Information

HEX

#656cc3

RGB

101,108,195

HSL

236,44,58

HSV

236,48,76

CMYK

48,45,0,24

LAB

49,21,-46

LCH

49,51,294

XYZ

21,17,54

Web Safe

#6666cc

Web Smart

#6666bb

is dark

Yes

luminosity

0.1743

Pantone Color

Combinations

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

#656cc3

#C3BC65

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

#656cc3

#C38D65

#9BC365

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

#656cc3

#C3656C

#6CC365

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

#656cc3

#C3659B

#C3BC65

#65C38D

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

#656cc3

#C3BC65

#C38D65

#9BC365

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

#656cc3

#8D65C3

#BC65C3

#C3659B

Shades

#656cc3 Light Tints

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

#656CC3

#747BC9

#8489CF

#9398D5

#A3A7DB

#B2B6E1

#C1C4E7

#D1D3ED

#E0E2F3

#F0F0F9

#656cc3 Gray Shades

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

#656CC3

#686EBC

#6A70B6

#6D72AF

#7074A8

#7376A2

#75789B

#787A94

#7B7C8D

#7D7E87

#656cc3 Dark Shades

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

#656CC3

#5B61B0

#51569C

#474C89

#3D4175

#333662

#282B4E

#1E203A

#141627

#0A0B13

#656cc3 Red Shades

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

#656CC3

#7461B0

#84569C

#934C89

#A34175

#B23662

#C12B4E

#D1203A

#E01627

#F00B13

#656cc3 Green Shades

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

#656CC3

#5B6EB0

#51709C

#477289

#3D7475

#337662

#28784E

#1E7A3A

#147C27

#0A7E13

#656cc3 Blue Shades

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

#656CC3

#5B61C9

#5156CF

#474CD5

#3D41DB

#3336E1

#282BE7

#1E20ED

#1416F3

#0A0BF9

Readability Analysis

#656cc3 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.68	AA	Sample Text
Black	4.49	A	Sample Text
Red	1.17	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.84	Fail	Sample Text

#656cc3 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.68	AA	Sample Text
Black	4.49	A	Sample Text
Red	1.17	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.84	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#556fc5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4d71c0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#57759b`
Protanopia	No red perception - Dichromacy	`#4c71c6`
Deuteranopia	No green perception - Dichromacy	`#3f74be`
Tritanopia	No blue perception - Dichromacy	`#4f7a84`
Achromatomaly	Partial color blindness - Monochromacy	`#6d6f8f`
Achromatopsia	Complete color blindness - Monochromacy	`#717171`

#656cc3 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#656cc3 Light Tints

#656cc3 Gray Shades

#656cc3 Dark Shades

#656cc3 Red Shades

#656cc3 Green Shades

#656cc3 Blue Shades

Readability Analysis

#656cc3 as Text Color

#656cc3 as Background Color

Color Blindness Simulation

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

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

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

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

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

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