0 views

#a3e5df - Color Information

#a3e5df

Base Information

HEX

#a3e5df

RGB

163,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.6915

Pantone Color

Combinations

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

#a3e5df

#E5A3A9

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

#a3e5df

#E5A3CA

#E5BEA3

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

#a3e5df

#DFA3E5

#E5DFA3

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

#a3e5df

#BEA3E5

#E5A3A9

#CAE5A3

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

#a3e5df

#E5A3A9

#E5A3CA

#E5BEA3

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

#a3e5df

#A3CAE5

#A3A9E5

#BEA3E5

Shades

#a3e5df Light Tints

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

#A3E5DF

#ACE8E2

#B5EAE5

#BFEDE9

#C8EFEC

#D1F2EF

#DAF5F2

#E3F7F5

#EDFAF9

#F6FCFC

#a3e5df Gray Shades

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

#A3E5DF

#A0DBD6

#9CD1CC

#99C7C3

#95BDB9

#92B3B0

#8EA8A6

#8B9E9D

#879493

#848A8A

#a3e5df Dark Shades

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

#A3E5DF

#93CEC9

#82B7B2

#72A09C

#628986

#527370

#415C59

#314543

#212E2D

#101716

#a3e5df Red Shades

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

#A3E5DF

#ACCEC9

#B5B7B2

#BFA09C

#C88986

#D17370

#DA5C59

#E34543

#ED2E2D

#F61716

#a3e5df Green Shades

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

#A3E5DF

#93DBC9

#82D1B2

#72C79C

#62BD86

#52B370

#41A859

#319E43

#21942D

#108A16

#a3e5df Blue Shades

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

#A3E5DF

#93CEE2

#82B7E5

#72A0E9

#6289EC

#5273EF

#415CF2

#3145F5

#212EF9

#1017FC

Readability Analysis

#a3e5df as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.83	AAA	Sample Text
Red	2.82	Fail	Sample Text
Green	3.63	A	Sample Text
Blue	6.07	AA	Sample Text

#a3e5df as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.83	AAA	Sample Text
Red	2.82	Fail	Sample Text
Green	3.63	A	Sample Text
Blue	6.07	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	`#a6e2ec`
Protanopia	No red perception - Dichromacy	`#dcd7d7`
Deuteranopia	No green perception - Dichromacy	`#e7d1e5`
Tritanopia	No blue perception - Dichromacy	`#a7e1f3`
Achromatomaly	Partial color blindness - Monochromacy	`#c4dcda`
Achromatopsia	Complete color blindness - Monochromacy	`#d7d7d7`

#a3e5df - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a3e5df Light Tints

#a3e5df Gray Shades

#a3e5df Dark Shades

#a3e5df Red Shades

#a3e5df Green Shades

#a3e5df Blue Shades

Readability Analysis

#a3e5df as Text Color

#a3e5df as Background Color

Color Blindness Simulation

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

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

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

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

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

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