0 views

#c4dcfc - Color Information

#c4dcfc

Base Information

HEX

#c4dcfc

RGB

196,220,252

HSL

214,90,88

HSV

214,22,99

CMYK

22,13,0,1

LAB

87,-1,-18

LCH

87,18,266

XYZ

66,70,102

Web Safe

#ccccff

Web Smart

#ccddff

is dark

luminosity

0.6995

Pantone Color

Combinations

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

#c4dcfc

#FCE4C4

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

#c4dcfc

#FCC8C4

#F8FCC4

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

#c4dcfc

#FCC4DC

#DCFCC4

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

#c4dcfc

#FCC4F8

#FCE4C4

#C4FCC8

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

#c4dcfc

#FCE4C4

#FCC8C4

#F8FCC4

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

#c4dcfc

#C8C4FC

#E4C4FC

#FCC4F8

Shades

#c4dcfc Light Tints

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

#C4DCFC

#CAE0FC

#D0E3FD

#D6E7FD

#DCEAFD

#E2EEFE

#E7F1FE

#EDF5FE

#F3F8FE

#F9FCFF

#c4dcfc Gray Shades

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

#C4DCFC

#BDD3F0

#B6CAE3

#B0C0D7

#A9B7CA

#A2AEBE

#9BA5B2

#949CA5

#8E9299

#87898C

#c4dcfc Dark Shades

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

#C4DCFC

#B0C6E3

#9DB0CA

#899AB0

#768497

#626E7E

#4E5865

#3B424C

#272C32

#141619

#c4dcfc Red Shades

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

#C4DCFC

#CAC6E3

#D0B0CA

#D69AB0

#DC8497

#E26E7E

#E75865

#ED424C

#F32C32

#F91619

#c4dcfc Green Shades

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

#C4DCFC

#B0D3E3

#9DCACA

#89C0B0

#76B797

#62AE7E

#4EA565

#3B9C4C

#279232

#148919

#c4dcfc Blue Shades

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

#C4DCFC

#B0C6FC

#9DB0FD

#899AFD

#7684FD

#626EFE

#4E58FE

#3B42FE

#272CFE

#1416FF

Readability Analysis

#c4dcfc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.40	Fail	Sample Text
Black	14.99	AAA	Sample Text
Red	2.85	Fail	Sample Text
Green	3.67	A	Sample Text
Blue	6.13	AA	Sample Text

#c4dcfc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.40	Fail	Sample Text
Black	14.99	AAA	Sample Text
Red	2.85	Fail	Sample Text
Green	3.67	A	Sample Text
Blue	6.13	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#cdd9fa`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d3d7fe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c1ddf4`
Protanopia	No red perception - Dichromacy	`#d2d7f9`
Deuteranopia	No green perception - Dichromacy	`#dcd4fe`
Tritanopia	No blue perception - Dichromacy	`#c0ddef`
Achromatomaly	Partial color blindness - Monochromacy	`#d1dae6`
Achromatopsia	Complete color blindness - Monochromacy	`#d9d9d9`

#c4dcfc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c4dcfc Light Tints

#c4dcfc Gray Shades

#c4dcfc Dark Shades

#c4dcfc Red Shades

#c4dcfc Green Shades

#c4dcfc Blue Shades

Readability Analysis

#c4dcfc as Text Color

#c4dcfc as Background Color

Color Blindness Simulation

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

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

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

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

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

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