0 views

#a3e0a2 - Color Information

#a3e0a2

Base Information

HEX

#a3e0a2

RGB

163,224,162

HSL

119,50,76

HSV

119,28,88

CMYK

27,0,28,12

LAB

84,-31,24

LCH

84,40,142

XYZ

48,64,44

Web Safe

#99cc99

Web Smart

#aaddaa

is dark

luminosity

0.6371

Pantone Color

Combinations

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

#a3e0a2

#DFA2E0

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

#a3e0a2

#C0A2E0

#E0A2C2

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

#a3e0a2

#A2A3E0

#E0A2A3

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

#a3e0a2

#A2C2E0

#DFA2E0

#E0C0A2

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

#a3e0a2

#DFA2E0

#C0A2E0

#E0A2C2

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

#a3e0a2

#A2E0C0

#A2E0DF

#A2C2E0

Shades

#a3e0a2 Light Tints

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

#A3E0A2

#ACE3AB

#B5E6B5

#BFE9BE

#C8ECC7

#D1F0D1

#DAF3DA

#E3F6E3

#EDF9EC

#F6FCF6

#a3e0a2 Gray Shades

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

#A3E0A2

#A0D69F

#9CCD9B

#99C398

#95BA94

#92B091

#8EA68E

#8B9D8A

#879387

#848A83

#a3e0a2 Dark Shades

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

#A3E0A2

#93CA92

#82B382

#729D71

#628661

#527051

#415A41

#314331

#212D20

#101610

#a3e0a2 Red Shades

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

#A3E0A2

#ACCA92

#B5B382

#BF9D71

#C88661

#D17051

#DA5A41

#E34331

#ED2D20

#F61610

#a3e0a2 Green Shades

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

#A3E0A2

#93D692

#82CD82

#72C371

#62BA61

#52B051

#41A641

#319D31

#219320

#108A10

#a3e0a2 Blue Shades

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

#A3E0A2

#93CAAB

#82B3B5

#729DBE

#6286C7

#5270D1

#415ADA

#3143E3

#212DEC

#1016F6

Readability Analysis

#a3e0a2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.53	Fail	Sample Text
Black	13.74	AAA	Sample Text
Red	2.62	Fail	Sample Text
Green	3.36	A	Sample Text
Blue	5.62	AA	Sample Text

#a3e0a2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.53	Fail	Sample Text
Black	13.74	AAA	Sample Text
Red	2.62	Fail	Sample Text
Green	3.36	A	Sample Text
Blue	5.62	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c9d59d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d6d0a6`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#abd9ce`
Protanopia	No red perception - Dichromacy	`#dfcf9a`
Deuteranopia	No green perception - Dichromacy	`#f3c8a8`
Tritanopia	No blue perception - Dichromacy	`#b0d6e7`
Achromatomaly	Partial color blindness - Monochromacy	`#bfd5be`
Achromatopsia	Complete color blindness - Monochromacy	`#cfcfcf`

#a3e0a2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a3e0a2 Light Tints

#a3e0a2 Gray Shades

#a3e0a2 Dark Shades

#a3e0a2 Red Shades

#a3e0a2 Green Shades

#a3e0a2 Blue Shades

Readability Analysis

#a3e0a2 as Text Color

#a3e0a2 as Background Color

Color Blindness Simulation

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

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

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

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

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

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