0 views

#c2f9a3 - Color Information

#c2f9a3

Base Information

HEX

#c2f9a3

RGB

194,249,163

HSL

98,88,81

HSV

98,35,98

CMYK

22,0,35,2

LAB

93,-32,36

LCH

93,48,132

XYZ

63,82,47

Web Safe

#ccff99

Web Smart

#bbffaa

is dark

luminosity

0.8187

Pantone Color

Combinations

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

#c2f9a3

#DAA3F9

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

#c2f9a3

#AFA3F9

#F9A3ED

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

#c2f9a3

#A3C2F9

#F9A3C2

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

#c2f9a3

#A3EDF9

#DAA3F9

#F9AFA3

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

#c2f9a3

#DAA3F9

#AFA3F9

#F9A3ED

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

#c2f9a3

#A3F9AF

#A3F9DA

#A3EDF9

Shades

#c2f9a3 Light Tints

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

#C2F9A3

#C8FAAC

#CEFAB5

#D4FBBF

#DAFBC8

#E1FCD1

#E7FDDA

#EDFDE3

#F3FEED

#F9FEF6

#c2f9a3 Gray Shades

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

#C2F9A3

#BBEDA0

#B5E19C

#AED599

#A8C995

#A1BD92

#9AB08E

#94A48B

#8D9887

#878C84

#c2f9a3 Dark Shades

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

#C2F9A3

#AFE093

#9BC782

#88AE72

#749562

#617D52

#4E6441

#3A4B31

#273221

#131910

#c2f9a3 Red Shades

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

#C2F9A3

#C8E093

#CEC782

#D4AE72

#DA9562

#E17D52

#E76441

#ED4B31

#F33221

#F91910

#c2f9a3 Green Shades

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

#C2F9A3

#AFED93

#9BE182

#88D572

#74C962

#61BD52

#4EB041

#3AA431

#279821

#138C10

#c2f9a3 Blue Shades

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

#C2F9A3

#AFE0AC

#9BC7B5

#88AEBF

#7495C8

#617DD1

#4E64DA

#3A4BE3

#2732ED

#1319F6

Readability Analysis

#c2f9a3 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.37	AAA	Sample Text
Red	3.31	A	Sample Text
Green	4.25	A	Sample Text
Blue	7.11	AAA	Sample Text

#c2f9a3 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.37	AAA	Sample Text
Red	3.31	A	Sample Text
Green	4.25	A	Sample Text
Blue	7.11	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e8ef9e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e9ecbf`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ccf1de`
Protanopia	No red perception - Dichromacy	`#fde99b`
Deuteranopia	No green perception - Dichromacy	`#ffe4ce`
Tritanopia	No blue perception - Dichromacy	`#d2edff`
Achromatomaly	Partial color blindness - Monochromacy	`#daeece`
Achromatopsia	Complete color blindness - Monochromacy	`#e7e7e7`

#c2f9a3 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c2f9a3 Light Tints

#c2f9a3 Gray Shades

#c2f9a3 Dark Shades

#c2f9a3 Red Shades

#c2f9a3 Green Shades

#c2f9a3 Blue Shades

Readability Analysis

#c2f9a3 as Text Color

#c2f9a3 as Background Color

Color Blindness Simulation

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

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

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

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

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

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