0 views

#c4c5dd - Color Information

#c4c5dd

Base Information

HEX

#c4c5dd

RGB

196,197,221

HSL

238,27,82

HSV

238,11,87

CMYK

11,11,0,13

LAB

80,4,-12

LCH

80,13,290

XYZ

56,57,76

Web Safe

#cccccc

Web Smart

#ccccdd

is dark

luminosity

0.5689

Pantone Color

Combinations

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

#c4c5dd

#DDDCC4

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

#c4c5dd

#DDD0C4

#D2DDC4

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

#c4c5dd

#DDC4C5

#C5DDC4

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

#c4c5dd

#DDC4D2

#DDDCC4

#C4DDD0

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

#c4c5dd

#DDDCC4

#DDD0C4

#D2DDC4

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

#c4c5dd

#D0C4DD

#DCC4DD

#DDC4D2

Shades

#c4c5dd Light Tints

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

#C4C5DD

#CACBE0

#D0D1E4

#D6D6E7

#DCDCEB

#E2E2EE

#E7E8F1

#EDEEF5

#F3F3F8

#F9F9FC

#c4c5dd Gray Shades

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

#C4C5DD

#BDBED4

#B6B7CA

#B0B0C1

#A9A9B8

#A2A3AF

#9B9CA5

#94959C

#8E8E93

#878789

#c4c5dd Dark Shades

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

#C4C5DD

#B0B1C7

#9D9EB1

#898A9B

#767685

#62636F

#4E4F58

#3B3B42

#27272C

#141416

#c4c5dd Red Shades

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

#C4C5DD

#CAB1C7

#D09EB1

#D68A9B

#DC7685

#E2636F

#E74F58

#ED3B42

#F3272C

#F91416

#c4c5dd Green Shades

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

#C4C5DD

#B0BEC7

#9DB7B1

#89B09B

#76A985

#62A36F

#4E9C58

#3B9542

#278E2C

#148716

#c4c5dd Blue Shades

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

#C4C5DD

#B0B1E0

#9D9EE4

#898AE7

#7676EB

#6263EE

#4E4FF1

#3B3BF5

#2727F8

#1414FC

Readability Analysis

#c4c5dd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.70	Fail	Sample Text
Black	12.38	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.03	A	Sample Text
Blue	5.06	AA	Sample Text

#c4c5dd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.70	Fail	Sample Text
Black	12.38	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.03	A	Sample Text
Blue	5.06	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c3c4dc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#cac2dd`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c2c5d8`
Protanopia	No red perception - Dichromacy	`#c2c4dc`
Deuteranopia	No green perception - Dichromacy	`#cec0dd`
Tritanopia	No blue perception - Dichromacy	`#c1c5d4`
Achromatomaly	Partial color blindness - Monochromacy	`#c6c6cf`
Achromatopsia	Complete color blindness - Monochromacy	`#c7c7c7`

#c4c5dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c4c5dd Light Tints

#c4c5dd Gray Shades

#c4c5dd Dark Shades

#c4c5dd Red Shades

#c4c5dd Green Shades

#c4c5dd Blue Shades

Readability Analysis

#c4c5dd as Text Color

#c4c5dd as Background Color

Color Blindness Simulation

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

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

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

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

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

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