0 views

#a2e5df - Color Information

#a2e5df

Base Information

HEX

#a2e5df

RGB

162,229,223

HSL

175,56,77

HSV

175,29,90

CMYK

29,0,3,10

LAB

87,-22,-4

LCH

87,22,190

XYZ

56,69,80

Web Safe

#99cccc

Web Smart

#aadddd

is dark

luminosity

0.6905

Pantone Color

Combinations

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

#a2e5df

#E5A2A8

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

#a2e5df

#E5A2CA

#E5BDA2

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

#a2e5df

#DFA2E5

#E5DFA2

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

#a2e5df

#BDA2E5

#E5A2A8

#C9E5A2

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

#a2e5df

#E5A2A8

#E5A2CA

#E5BDA2

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

#a2e5df

#A2C9E5

#A2A8E5

#BDA2E5

Shades

#a2e5df Light Tints

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

#A2E5DF

#ABE8E2

#B5EAE5

#BEEDE9

#C7EFEC

#D1F2EF

#DAF5F2

#E3F7F5

#ECFAF9

#F6FCFC

#a2e5df Gray Shades

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

#A2E5DF

#9FDBD6

#9BD1CC

#98C7C3

#94BDB9

#91B3B0

#8EA8A6

#8A9E9D

#879493

#838A8A

#a2e5df Dark Shades

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

#A2E5DF

#92CEC9

#82B7B2

#71A09C

#618986

#517370

#415C59

#314543

#202E2D

#101716

#a2e5df Red Shades

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

#A2E5DF

#ABCEC9

#B5B7B2

#BEA09C

#C78986

#D17370

#DA5C59

#E34543

#EC2E2D

#F61716

#a2e5df Green Shades

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

#A2E5DF

#92DBC9

#82D1B2

#71C79C

#61BD86

#51B370

#41A859

#319E43

#20942D

#108A16

#a2e5df Blue Shades

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

#A2E5DF

#92CEE2

#82B7E5

#71A0E9

#6189EC

#5173EF

#415CF2

#3145F5

#202EF9

#1017FC

Readability Analysis

#a2e5df as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.81	AAA	Sample Text
Red	2.82	Fail	Sample Text
Green	3.62	A	Sample Text
Blue	6.06	AA	Sample Text

#a2e5df as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.81	AAA	Sample Text
Red	2.82	Fail	Sample Text
Green	3.62	A	Sample Text
Blue	6.06	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c7dcda`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ced8e3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#a5e2ec`
Protanopia	No red perception - Dichromacy	`#dbd6d7`
Deuteranopia	No green perception - Dichromacy	`#e7d1e5`
Tritanopia	No blue perception - Dichromacy	`#a6e1f3`
Achromatomaly	Partial color blindness - Monochromacy	`#c3dcd9`
Achromatopsia	Complete color blindness - Monochromacy	`#d6d6d6`

#a2e5df - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a2e5df Light Tints

#a2e5df Gray Shades

#a2e5df Dark Shades

#a2e5df Red Shades

#a2e5df Green Shades

#a2e5df Blue Shades

Readability Analysis

#a2e5df as Text Color

#a2e5df as Background Color

Color Blindness Simulation

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

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

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

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

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

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