1 views

#c4f2dd - Color Information

#c4f2dd

Base Information

HEX

#c4f2dd

RGB

196,242,221

HSL

153,64,86

HSV

153,19,95

CMYK

19,0,9,5

LAB

92,-19,5

LCH

92,20,164

XYZ

68,80,80

Web Safe

#ccffcc

Web Smart

#cceedd

is dark

luminosity

0.8046

Pantone Color

Combinations

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

#c4f2dd

#F2C4D9

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

#c4f2dd

#F2C4F0

#F2C6C4

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

#c4f2dd

#DDC4F2

#F2DDC4

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

#c4f2dd

#C6C4F2

#F2C4D9

#F0F2C4

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

#c4f2dd

#F2C4D9

#F2C4F0

#F2C6C4

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

#c4f2dd

#C4F0F2

#C4D9F2

#C6C4F2

Shades

#c4f2dd Light Tints

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

#C4F2DD

#CAF3E0

#D0F5E4

#D6F6E7

#DCF7EB

#E2F9EE

#E7FAF1

#EDFBF5

#F3FCF8

#F9FEFC

#c4f2dd Gray Shades

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

#C4F2DD

#BDE7D4

#B6DBCA

#B0D0C1

#A9C4B8

#A2B9AF

#9BAEA5

#94A29C

#8E9793

#878B89

#c4f2dd Dark Shades

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

#C4F2DD

#B0DAC7

#9DC2B1

#89A99B

#769185

#62796F

#4E6158

#3B4942

#27302C

#141816

#c4f2dd Red Shades

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

#C4F2DD

#CADAC7

#D0C2B1

#D6A99B

#DC9185

#E2796F

#E76158

#ED4942

#F3302C

#F91816

#c4f2dd Green Shades

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

#C4F2DD

#B0E7C7

#9DDBB1

#89D09B

#76C485

#62B96F

#4EAE58

#3BA242

#27972C

#148B16

#c4f2dd Blue Shades

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

#C4F2DD

#B0DAE0

#9DC2E4

#89A9E7

#7691EB

#6279EE

#4E61F1

#3B49F5

#2730F8

#1418FC

Readability Analysis

#c4f2dd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.09	AAA	Sample Text
Red	3.25	A	Sample Text
Green	4.18	A	Sample Text
Blue	6.99	AA	Sample Text

#c4f2dd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.09	AAA	Sample Text
Red	3.25	A	Sample Text
Green	4.18	A	Sample Text
Blue	6.99	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e0ead9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eae6e0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c8eef3`
Protanopia	No red perception - Dichromacy	`#efe6d6`
Deuteranopia	No green perception - Dichromacy	`#ffe0e2`
Tritanopia	No blue perception - Dichromacy	`#caecff`
Achromatomaly	Partial color blindness - Monochromacy	`#daebe3`
Achromatopsia	Complete color blindness - Monochromacy	`#e7e7e7`

#c4f2dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c4f2dd Light Tints

#c4f2dd Gray Shades

#c4f2dd Dark Shades

#c4f2dd Red Shades

#c4f2dd Green Shades

#c4f2dd Blue Shades

Readability Analysis

#c4f2dd as Text Color

#c4f2dd as Background Color

Color Blindness Simulation

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

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

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

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

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

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