0 views

#a3e6ec - Color Information

#a3e6ec

Base Information

HEX

#a3e6ec

RGB

163,230,236

HSL

185,66,78

HSV

185,31,93

CMYK

31,3,0,7

LAB

87,-19,-10

LCH

87,22,206

XYZ

59,70,90

Web Safe

#99ffff

Web Smart

#aaeeee

is dark

luminosity

0.7044

Pantone Color

Combinations

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

#a3e6ec

#ECA9A3

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

#a3e6ec

#ECA3C1

#ECCEA3

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

#a3e6ec

#ECA3E6

#E6ECA3

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

#a3e6ec

#CEA3EC

#ECA9A3

#C1ECA3

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

#a3e6ec

#ECA9A3

#ECA3C1

#ECCEA3

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

#a3e6ec

#A3C1EC

#A9A3EC

#CEA3EC

Shades

#a3e6ec Light Tints

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

#A3E6EC

#ACE9EE

#B5EBF0

#BFEEF2

#C8F0F4

#D1F3F6

#DAF5F7

#E3F8F9

#EDFAFB

#F6FDFD

#a3e6ec Gray Shades

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

#A3E6EC

#A0DCE1

#9CD2D6

#99C7CC

#95BDC1

#92B3B6

#8EA9AB

#8B9FA0

#879496

#848A8B

#a3e6ec Dark Shades

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

#A3E6EC

#93CFD4

#82B8BD

#72A1A5

#628A8E

#527376

#415C5E

#314547

#212E2F

#101718

#a3e6ec Red Shades

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

#A3E6EC

#ACCFD4

#B5B8BD

#BFA1A5

#C88A8E

#D17376

#DA5C5E

#E34547

#ED2E2F

#F61718

#a3e6ec Green Shades

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

#A3E6EC

#93DCD4

#82D2BD

#72C7A5

#62BD8E

#52B376

#41A95E

#319F47

#21942F

#108A18

#a3e6ec Blue Shades

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

#A3E6EC

#93CFEE

#82B8F0

#72A1F2

#628AF4

#5273F6

#415CF7

#3145F9

#212EFB

#1017FD

Readability Analysis

#a3e6ec as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.09	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.69	A	Sample Text
Blue	6.17	AA	Sample Text

#a3e6ec as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.09	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.69	A	Sample Text
Blue	6.17	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c6dde7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ccdaf0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#a4e4f2`
Protanopia	No red perception - Dichromacy	`#dad8e4`
Deuteranopia	No green perception - Dichromacy	`#e4d4f2`
Tritanopia	No blue perception - Dichromacy	`#a4e4f6`
Achromatomaly	Partial color blindness - Monochromacy	`#c5dddf`
Achromatopsia	Complete color blindness - Monochromacy	`#d8d8d8`

#a3e6ec - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a3e6ec Light Tints

#a3e6ec Gray Shades

#a3e6ec Dark Shades

#a3e6ec Red Shades

#a3e6ec Green Shades

#a3e6ec Blue Shades

Readability Analysis

#a3e6ec as Text Color

#a3e6ec as Background Color

Color Blindness Simulation

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

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

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

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

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

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