0 views

#ccc4fb - Color Information

#ccc4fb

Base Information

HEX

#ccc4fb

RGB

204,196,251

HSL

249,87,88

HSV

249,22,98

CMYK

19,22,0,2

LAB

81,14,-26

LCH

81,29,298

XYZ

62,59,99

Web Safe

#ccccff

Web Smart

#ccccff

is dark

luminosity

0.5928

Pantone Color

Combinations

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

#ccc4fb

#F3FBC4

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

#ccc4fb

#FBE8C4

#D7FBC4

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

#ccc4fb

#FBCCC4

#C4FBCC

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

#ccc4fb

#FBC4D7

#F3FBC4

#C4FBE8

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

#ccc4fb

#F3FBC4

#FBE8C4

#D7FBC4

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

#ccc4fb

#E8C4FB

#FBC4F3

#FBC4D7

Shades

#ccc4fb Light Tints

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

#CCC4FB

#D1CAFB

#D6D0FC

#DBD6FC

#E0DCFD

#E6E2FD

#EBE7FD

#F0EDFE

#F5F3FE

#FAF9FF

#ccc4fb Gray Shades

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

#CCC4FB

#C4BDEF

#BDB6E2

#B5B0D6

#AEA9CA

#A6A2BE

#9E9BB1

#9794A5

#8F8E99

#88878C

#ccc4fb Dark Shades

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

#CCC4FB

#B8B0E2

#A39DC9

#8F89B0

#7A7697

#66627E

#524E64

#3D3B4B

#292732

#141419

#ccc4fb Red Shades

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

#CCC4FB

#D1B0E2

#D69DC9

#DB89B0

#E07697

#E6627E

#EB4E64

#F03B4B

#F52732

#FA1419

#ccc4fb Green Shades

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

#CCC4FB

#B8BDE2

#A3B6C9

#8FB0B0

#7AA997

#66A27E

#529B64

#3D944B

#298E32

#148719

#ccc4fb Blue Shades

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

#CCC4FB

#B8B0FB

#A39DFC

#8F89FC

#7A76FD

#6662FD

#524EFD

#3D3BFE

#2927FE

#1414FF

Readability Analysis

#ccc4fb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.63	Fail	Sample Text
Black	12.86	AAA	Sample Text
Red	2.45	Fail	Sample Text
Green	3.15	A	Sample Text
Blue	5.26	AA	Sample Text

#ccc4fb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.63	Fail	Sample Text
Black	12.86	AAA	Sample Text
Red	2.45	Fail	Sample Text
Green	3.15	A	Sample Text
Blue	5.26	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c1c6fd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c6c5fa`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c7c7e5`
Protanopia	No red perception - Dichromacy	`#bbc7fe`
Deuteranopia	No green perception - Dichromacy	`#c3c5fa`
Tritanopia	No blue perception - Dichromacy	`#c3c9d9`
Achromatomaly	Partial color blindness - Monochromacy	`#cbc8dc`
Achromatopsia	Complete color blindness - Monochromacy	`#cacaca`

#ccc4fb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccc4fb Light Tints

#ccc4fb Gray Shades

#ccc4fb Dark Shades

#ccc4fb Red Shades

#ccc4fb Green Shades

#ccc4fb Blue Shades

Readability Analysis

#ccc4fb as Text Color

#ccc4fb as Background Color

Color Blindness Simulation

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

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

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

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

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

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