0 views

#ccebdd - Color Information

#ccebdd

Base Information

HEX

#ccebdd

RGB

204,235,221

HSL

153,44,86

HSV

153,13,92

CMYK

13,0,6,8

LAB

91,-13,3

LCH

91,13,165

XYZ

68,77,80

Web Safe

#ccffcc

Web Smart

#cceedd

is dark

luminosity

0.7747

Pantone Color

Combinations

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

#ccebdd

#EBCCDA

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

#ccebdd

#EBCCE9

#EBCECC

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

#ccebdd

#DDCCEB

#EBDDCC

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

#ccebdd

#CECCEB

#EBCCDA

#E9EBCC

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

#ccebdd

#EBCCDA

#EBCCE9

#EBCECC

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

#ccebdd

#CCE9EB

#CCDAEB

#CECCEB

Shades

#ccebdd Light Tints

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

#CCEBDD

#D1EDE0

#D6EFE4

#DBF1E7

#E0F3EB

#E6F5EE

#EBF7F1

#F0F9F5

#F5FBF8

#FAFDFC

#ccebdd Gray Shades

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

#CCEBDD

#C4E0D4

#BDD6CA

#B5CBC1

#AEC0B8

#A6B6AF

#9EABA5

#97A09C

#8F9593

#888B89

#ccebdd Dark Shades

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

#CCEBDD

#B8D4C7

#A3BCB1

#8FA59B

#7A8D85

#66766F

#525E58

#3D4642

#292F2C

#141716

#ccebdd Red Shades

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

#CCEBDD

#D1D4C7

#D6BCB1

#DBA59B

#E08D85

#E6766F

#EB5E58

#F04642

#F52F2C

#FA1716

#ccebdd Green Shades

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

#CCEBDD

#B8E0C7

#A3D6B1

#8FCB9B

#7AC085

#66B66F

#52AB58

#3DA042

#29952C

#148B16

#ccebdd Blue Shades

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

#CCEBDD

#B8D4E0

#A3BCE4

#8FA5E7

#7A8DEB

#6676EE

#525EF1

#3D46F5

#292FF8

#1417FC

Readability Analysis

#ccebdd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.27	Fail	Sample Text
Black	16.49	AAA	Sample Text
Red	3.14	A	Sample Text
Green	4.04	A	Sample Text
Blue	6.75	AA	Sample Text

#ccebdd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.27	Fail	Sample Text
Black	16.49	AAA	Sample Text
Red	3.14	A	Sample Text
Green	4.04	A	Sample Text
Blue	6.75	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#dfe5da`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eae1df`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cfe8ee`
Protanopia	No red perception - Dichromacy	`#eae2d8`
Deuteranopia	No green perception - Dichromacy	`#fbdce1`
Tritanopia	No blue perception - Dichromacy	`#d1e6f8`
Achromatomaly	Partial color blindness - Monochromacy	`#dbe6e1`
Achromatopsia	Complete color blindness - Monochromacy	`#e3e3e3`

#ccebdd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccebdd Light Tints

#ccebdd Gray Shades

#ccebdd Dark Shades

#ccebdd Red Shades

#ccebdd Green Shades

#ccebdd Blue Shades

Readability Analysis

#ccebdd as Text Color

#ccebdd as Background Color

Color Blindness Simulation

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

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

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

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

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

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