0 views

#c4f7c1 - Color Information

#c4f7c1

Base Information

HEX

#c4f7c1

RGB

196,247,193

HSL

117,77,86

HSV

117,22,97

CMYK

21,0,22,3

LAB

93,-26,21

LCH

93,33,142

XYZ

66,82,63

Web Safe

#ccffcc

Web Smart

#ccffbb

is dark

luminosity

0.8211

Pantone Color

Combinations

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

#c4f7c1

#F4C1F7

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

#c4f7c1

#D9C1F7

#F7C1DF

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

#c4f7c1

#C1C4F7

#F7C1C4

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

#c4f7c1

#C1DFF7

#F4C1F7

#F7D9C1

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

#c4f7c1

#F4C1F7

#D9C1F7

#F7C1DF

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

#c4f7c1

#C1F7D9

#C1F7F4

#C1DFF7

Shades

#c4f7c1 Light Tints

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

#C4F7C1

#CAF8C7

#D0F9CD

#D6F9D4

#DCFADA

#E2FBE0

#E7FCE6

#EDFDEC

#F3FDF3

#F9FEF9

#c4f7c1 Gray Shades

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

#C4F7C1

#BDEBBB

#B6DFB4

#B0D3AE

#A9C7A7

#A2BCA1

#9BB09A

#94A494

#8E988D

#878C87

#c4f7c1 Dark Shades

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

#C4F7C1

#B0DEAE

#9DC69A

#89AD87

#769474

#627C61

#4E634D

#3B4A3A

#273127

#141913

#c4f7c1 Red Shades

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

#C4F7C1

#CADEAE

#D0C69A

#D6AD87

#DC9474

#E27C61

#E7634D

#ED4A3A

#F33127

#F91913

#c4f7c1 Green Shades

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

#C4F7C1

#B0EBAE

#9DDF9A

#89D387

#76C774

#62BC61

#4EB04D

#3BA43A

#279827

#148C13

#c4f7c1 Blue Shades

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

#C4F7C1

#B0DEC7

#9DC6CD

#89ADD4

#7694DA

#627CE0

#4E63E6

#3B4AEC

#2731F3

#1419F9

Readability Analysis

#c4f7c1 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.42	AAA	Sample Text
Red	3.32	A	Sample Text
Green	4.26	A	Sample Text
Blue	7.13	AAA	Sample Text

#c4f7c1 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.42	AAA	Sample Text
Red	3.32	A	Sample Text
Green	4.26	A	Sample Text
Blue	7.13	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e5eebc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eaebce`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ccf1e8`
Protanopia	No red perception - Dichromacy	`#f8e9b9`
Deuteranopia	No green perception - Dichromacy	`#ffe4d6`
Tritanopia	No blue perception - Dichromacy	`#d1edff`
Achromatomaly	Partial color blindness - Monochromacy	`#dbeeda`
Achromatopsia	Complete color blindness - Monochromacy	`#e8e8e8`

#c4f7c1 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c4f7c1 Light Tints

#c4f7c1 Gray Shades

#c4f7c1 Dark Shades

#c4f7c1 Red Shades

#c4f7c1 Green Shades

#c4f7c1 Blue Shades

Readability Analysis

#c4f7c1 as Text Color

#c4f7c1 as Background Color

Color Blindness Simulation

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

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

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

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

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

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