0 views

#c4ecef - Color Information

#c4ecef

Base Information

HEX

#c4ecef

RGB

196,236,239

HSL

184,57,85

HSV

184,18,94

CMYK

18,1,0,6

LAB

91,-12,-6

LCH

91,14,205

XYZ

68,78,93

Web Safe

#ccffff

Web Smart

#cceeee

is dark

luminosity

0.7796

Pantone Color

Combinations

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

#c4ecef

#EFC7C4

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

#c4ecef

#EFC4D7

#EFDCC4

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

#c4ecef

#EFC4EC

#ECEFC4

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

#c4ecef

#DDC4EF

#EFC7C4

#D7EFC4

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

#c4ecef

#EFC7C4

#EFC4D7

#EFDCC4

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

#c4ecef

#C4D7EF

#C7C4EF

#DDC4EF

Shades

#c4ecef Light Tints

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

#C4ECEF

#CAEEF1

#D0F0F2

#D6F2F4

#DCF4F5

#E2F6F7

#E7F7F9

#EDF9FA

#F3FBFC

#F9FDFD

#c4ecef Gray Shades

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

#C4ECEF

#BDE1E4

#B6D6D9

#B0CCCE

#A9C1C3

#A2B6B8

#9BABAC

#94A0A1

#8E9696

#878B8B

#c4ecef Dark Shades

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

#C4ECEF

#B0D4D7

#9DBDBF

#89A5A7

#768E8F

#627678

#4E5E60

#3B4748

#272F30

#141818

#c4ecef Red Shades

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

#C4ECEF

#CAD4D7

#D0BDBF

#D6A5A7

#DC8E8F

#E27678

#E75E60

#ED4748

#F32F30

#F91818

#c4ecef Green Shades

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

#C4ECEF

#B0E1D7

#9DD6BF

#89CCA7

#76C18F

#62B678

#4EAB60

#3BA048

#279630

#148B18

#c4ecef Blue Shades

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

#C4ECEF

#B0D4F1

#9DBDF2

#89A5F4

#768EF5

#6276F7

#4E5EF9

#3B47FA

#272FFC

#1418FD

Readability Analysis

#c4ecef as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.27	Fail	Sample Text
Black	16.59	AAA	Sample Text
Red	3.16	A	Sample Text
Green	4.06	A	Sample Text
Blue	6.79	AA	Sample Text

#c4ecef as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.27	Fail	Sample Text
Black	16.59	AAA	Sample Text
Red	3.16	A	Sample Text
Green	4.06	A	Sample Text
Blue	6.79	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#dae6ec`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e2e3f2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c5eaf7`
Protanopia	No red perception - Dichromacy	`#e6e2ea`
Deuteranopia	No green perception - Dichromacy	`#f3ddf3`
Tritanopia	No blue perception - Dichromacy	`#c6e9fc`
Achromatomaly	Partial color blindness - Monochromacy	`#d8e7e8`
Achromatopsia	Complete color blindness - Monochromacy	`#e4e4e4`

#c4ecef - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c4ecef Light Tints

#c4ecef Gray Shades

#c4ecef Dark Shades

#c4ecef Red Shades

#c4ecef Green Shades

#c4ecef Blue Shades

Readability Analysis

#c4ecef as Text Color

#c4ecef as Background Color

Color Blindness Simulation

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

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

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

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

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

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