0 views

#a3e8da - Color Information

#a3e8da

Base Information

HEX

#a3e8da

RGB

163,232,218

HSL

168,60,77

HSV

168,30,91

CMYK

30,0,6,9

LAB

87,-24,0

LCH

87,24,180

XYZ

57,71,77

Web Safe

#99ffcc

Web Smart

#aaeedd

is dark

luminosity

0.7056

Pantone Color

Combinations

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

#a3e8da

#E8A3B1

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

#a3e8da

#E8A3D3

#E8B8A3

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

#a3e8da

#DAA3E8

#E8DAA3

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

#a3e8da

#B7A3E8

#E8A3B1

#D3E8A3

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

#a3e8da

#E8A3B1

#E8A3D3

#E8B8A3

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

#a3e8da

#A3D3E8

#A3B1E8

#B7A3E8

Shades

#a3e8da Light Tints

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

#A3E8DA

#ACEADE

#B5EDE1

#BFEFE5

#C8F1E9

#D1F4ED

#DAF6F0

#E3F8F4

#EDFAF8

#F6FDFB

#a3e8da Gray Shades

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

#A3E8DA

#A0DED1

#9CD3C8

#99C9BF

#95BEB6

#92B4AD

#8EAAA4

#8B9F9B

#879592

#848A89

#a3e8da Dark Shades

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

#A3E8DA

#93D1C4

#82BAAE

#72A299

#628B83

#52746D

#415D57

#314641

#212E2C

#101716

#a3e8da Red Shades

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

#A3E8DA

#ACD1C4

#B5BAAE

#BFA299

#C88B83

#D1746D

#DA5D57

#E34641

#ED2E2C

#F61716

#a3e8da Green Shades

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

#A3E8DA

#93DEC4

#82D3AE

#72C999

#62BE83

#52B46D

#41AA57

#319F41

#21952C

#108A16

#a3e8da Blue Shades

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

#A3E8DA

#93D1DE

#82BAE1

#72A2E5

#628BE9

#5274ED

#415DF0

#3146F4

#212EF8

#1017FB

Readability Analysis

#a3e8da as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.11	AAA	Sample Text
Red	2.88	Fail	Sample Text
Green	3.70	A	Sample Text
Blue	6.18	AA	Sample Text

#a3e8da as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.11	AAA	Sample Text
Red	2.88	Fail	Sample Text
Green	3.70	A	Sample Text
Blue	6.18	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#caded5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d2dbde`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#a7e5eb`
Protanopia	No red perception - Dichromacy	`#e0d9d1`
Deuteranopia	No green perception - Dichromacy	`#edd3e0`
Tritanopia	No blue perception - Dichromacy	`#a9e3f5`
Achromatomaly	Partial color blindness - Monochromacy	`#c5ded9`
Achromatopsia	Complete color blindness - Monochromacy	`#d8d8d8`

#a3e8da - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a3e8da Light Tints

#a3e8da Gray Shades

#a3e8da Dark Shades

#a3e8da Red Shades

#a3e8da Green Shades

#a3e8da Blue Shades

Readability Analysis

#a3e8da as Text Color

#a3e8da as Background Color

Color Blindness Simulation

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

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

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

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

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

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