0 views

#cccee9 - Color Information

#cccee9

Base Information

HEX

#cccee9

RGB

204,206,233

HSL

236,40,86

HSV

236,12,91

CMYK

12,12,0,9

LAB

83,5,-14

LCH

83,14,289

XYZ

62,63,86

Web Safe

#ccccff

Web Smart

#ccccee

is dark

luminosity

0.6286

Pantone Color

Combinations

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

#cccee9

#E9E7CC

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

#cccee9

#E9D9CC

#DDE9CC

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

#cccee9

#E9CCCE

#CEE9CC

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

#cccee9

#E9CCDD

#E9E7CC

#CCE9D9

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

#cccee9

#E9E7CC

#E9D9CC

#DDE9CC

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

#cccee9

#D9CCE9

#E7CCE9

#E9CCDD

Shades

#cccee9 Light Tints

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

#CCCEE9

#D1D3EB

#D6D8ED

#DBDDF0

#E0E2F2

#E6E7F4

#EBEBF6

#F0F0F8

#F5F5FB

#FAFAFD

#cccee9 Gray Shades

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

#CCCEE9

#C4C6DF

#BDBED4

#B5B7CA

#AEAFBF

#A6A7B5

#9E9FAA

#9797A0

#8F9095

#88888B

#cccee9 Dark Shades

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

#CCCEE9

#B8B9D2

#A3A5BA

#8F90A3

#7A7C8C

#666775

#52525D

#3D3E46

#29292F

#141517

#cccee9 Red Shades

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

#CCCEE9

#D1B9D2

#D6A5BA

#DB90A3

#E07C8C

#E66775

#EB525D

#F03E46

#F5292F

#FA1517

#cccee9 Green Shades

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

#CCCEE9

#B8C6D2

#A3BEBA

#8FB7A3

#7AAF8C

#66A775

#529F5D

#3D9746

#29902F

#148817

#cccee9 Blue Shades

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

#CCCEE9

#B8B9EB

#A3A5ED

#8F90F0

#7A7CF2

#6667F4

#5252F6

#3D3EF8

#2929FB

#1415FD

Readability Analysis

#cccee9 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.55	Fail	Sample Text
Black	13.57	AAA	Sample Text
Red	2.58	Fail	Sample Text
Green	3.32	A	Sample Text
Blue	5.55	AA	Sample Text

#cccee9 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.55	Fail	Sample Text
Black	13.57	AAA	Sample Text
Red	2.58	Fail	Sample Text
Green	3.32	A	Sample Text
Blue	5.55	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#cbcde9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d2cbe9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cacee2`
Protanopia	No red perception - Dichromacy	`#cacde8`
Deuteranopia	No green perception - Dichromacy	`#d6c9ea`
Tritanopia	No blue perception - Dichromacy	`#c9cedf`
Achromatomaly	Partial color blindness - Monochromacy	`#cecfd9`
Achromatopsia	Complete color blindness - Monochromacy	`#d0d0d0`

#cccee9 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cccee9 Light Tints

#cccee9 Gray Shades

#cccee9 Dark Shades

#cccee9 Red Shades

#cccee9 Green Shades

#cccee9 Blue Shades

Readability Analysis

#cccee9 as Text Color

#cccee9 as Background Color

Color Blindness Simulation

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

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

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

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

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

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