0 views

#c3f7a1 - Color Information

#c3f7a1

Base Information

HEX

#c3f7a1

RGB

195,247,161

HSL

96,84,80

HSV

96,35,97

CMYK

21,0,35,3

LAB

92,-31,36

LCH

92,48,131

XYZ

62,81,46

Web Safe

#ccff99

Web Smart

#bbff99

is dark

luminosity

0.8070

Pantone Color

Combinations

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

#c3f7a1

#D5A1F7

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

#c3f7a1

#AAA1F7

#F7A1EE

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

#c3f7a1

#A1C3F7

#F7A1C3

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

#c3f7a1

#A1EEF7

#D5A1F7

#F7AAA1

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

#c3f7a1

#D5A1F7

#AAA1F7

#F7A1EE

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

#c3f7a1

#A1F7AA

#A1F7D5

#A1EEF7

Shades

#c3f7a1 Light Tints

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

#C3F7A1

#C9F8AA

#CFF9B4

#D5F9BD

#DBFAC7

#E1FBD0

#E7FCD9

#EDFDE3

#F3FDEC

#F9FEF6

#c3f7a1 Gray Shades

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

#C3F7A1

#BCEB9E

#B6DF9A

#AFD397

#A8C794

#A2BC91

#9BB08D

#94A48A

#8D9887

#878C83

#c3f7a1 Dark Shades

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

#C3F7A1

#B0DE91

#9CC681

#89AD71

#759461

#627C51

#4E6340

#3A4A30

#273120

#131910

#c3f7a1 Red Shades

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

#C3F7A1

#C9DE91

#CFC681

#D5AD71

#DB9461

#E17C51

#E76340

#ED4A30

#F33120

#F91910

#c3f7a1 Green Shades

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

#C3F7A1

#B0EB91

#9CDF81

#89D371

#75C761

#62BC51

#4EB040

#3AA430

#279820

#138C10

#c3f7a1 Blue Shades

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

#C3F7A1

#B0DEAA

#9CC6B4

#89ADBD

#7594C7

#627CD0

#4E63D9

#3A4AE3

#2731EC

#1319F6

Readability Analysis

#c3f7a1 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.14	AAA	Sample Text
Red	3.26	A	Sample Text
Green	4.19	A	Sample Text
Blue	7.01	AAA	Sample Text

#c3f7a1 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.14	AAA	Sample Text
Red	3.26	A	Sample Text
Green	4.19	A	Sample Text
Blue	7.01	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e7ed9c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e9eabb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cdefdc`
Protanopia	No red perception - Dichromacy	`#fce79a`
Deuteranopia	No green perception - Dichromacy	`#ffe2ca`
Tritanopia	No blue perception - Dichromacy	`#d3ebfd`
Achromatomaly	Partial color blindness - Monochromacy	`#d9eccd`
Achromatopsia	Complete color blindness - Monochromacy	`#e6e6e6`

#c3f7a1 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c3f7a1 Light Tints

#c3f7a1 Gray Shades

#c3f7a1 Dark Shades

#c3f7a1 Red Shades

#c3f7a1 Green Shades

#c3f7a1 Blue Shades

Readability Analysis

#c3f7a1 as Text Color

#c3f7a1 as Background Color

Color Blindness Simulation

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

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

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

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

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

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