0 views

#ccc1e4 - Color Information

#ccc1e4

Base Information

HEX

#ccc1e4

RGB

204,193,228

HSL

259,39,83

HSV

259,15,89

CMYK

11,15,0,11

LAB

80,10,-16

LCH

80,19,303

XYZ

58,57,81

Web Safe

#cccccc

Web Smart

#ccbbdd

is dark

luminosity

0.5658

Pantone Color

Combinations

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

#ccc1e4

#D9E4C1

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

#ccc1e4

#E4DEC1

#C7E4C1

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

#ccc1e4

#E4CCC1

#C1E4CC

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

#ccc1e4

#E4C1C7

#D9E4C1

#C1E4DE

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

#ccc1e4

#D9E4C1

#E4DEC1

#C7E4C1

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

#ccc1e4

#DDC1E4

#E4C1D9

#E4C1C7

Shades

#ccc1e4 Light Tints

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

#CCC1E4

#D1C7E7

#D6CDE9

#DBD4EC

#E0DAEF

#E6E0F2

#EBE6F4

#F0ECF7

#F5F3FA

#FAF9FC

#ccc1e4 Gray Shades

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

#CCC1E4

#C4BBDA

#BDB4D0

#B5AEC6

#AEA7BC

#A6A1B2

#9E9AA8

#97949E

#8F8D94

#88878A

#ccc1e4 Dark Shades

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

#CCC1E4

#B8AECD

#A39AB6

#8F87A0

#7A7489

#666172

#524D5B

#3D3A44

#29272E

#141317

#ccc1e4 Red Shades

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

#CCC1E4

#D1AECD

#D69AB6

#DB87A0

#E07489

#E66172

#EB4D5B

#F03A44

#F5272E

#FA1317

#ccc1e4 Green Shades

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

#CCC1E4

#B8BBCD

#A3B4B6

#8FAEA0

#7AA789

#66A172

#529A5B

#3D9444

#298D2E

#148717

#ccc1e4 Blue Shades

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

#CCC1E4

#B8AEE7

#A39AE9

#8F87EC

#7A74EF

#6661F2

#524DF4

#3D3AF7

#2927FA

#1413FC

Readability Analysis

#ccc1e4 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.71	Fail	Sample Text
Black	12.32	AAA	Sample Text
Red	2.34	Fail	Sample Text
Green	3.01	A	Sample Text
Blue	5.04	AA	Sample Text

#ccc1e4 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.71	Fail	Sample Text
Black	12.32	AAA	Sample Text
Red	2.34	Fail	Sample Text
Green	3.01	A	Sample Text
Blue	5.04	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c3c2e5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#cbc0e3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c9c2d8`
Protanopia	No red perception - Dichromacy	`#bec3e5`
Deuteranopia	No green perception - Dichromacy	`#cac0e3`
Tritanopia	No blue perception - Dichromacy	`#c7c3d2`
Achromatomaly	Partial color blindness - Monochromacy	`#c8c4d1`
Achromatopsia	Complete color blindness - Monochromacy	`#c6c6c6`

#ccc1e4 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccc1e4 Light Tints

#ccc1e4 Gray Shades

#ccc1e4 Dark Shades

#ccc1e4 Red Shades

#ccc1e4 Green Shades

#ccc1e4 Blue Shades

Readability Analysis

#ccc1e4 as Text Color

#ccc1e4 as Background Color

Color Blindness Simulation

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

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

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

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

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

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