0 views

#a2e8f6 - Color Information

#a2e8f6

Base Information

HEX

#a2e8f6

RGB

162,232,246

HSL

190,82,80

HSV

190,34,96

CMYK

34,6,0,4

LAB

88,-18,-14

LCH

88,23,217

XYZ

60,72,98

Web Safe

#99ffff

Web Smart

#aaeeee

is dark

luminosity

0.7205

Pantone Color

Combinations

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

#a2e8f6

#F6B0A2

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

#a2e8f6

#F6A2BE

#F6DAA2

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

#a2e8f6

#F6A2E8

#E8F6A2

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

#a2e8f6

#DAA2F6

#F6B0A2

#BEF6A2

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

#a2e8f6

#F6B0A2

#F6A2BE

#F6DAA2

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

#a2e8f6

#A2BEF6

#B0A2F6

#DAA2F6

Shades

#a2e8f6 Light Tints

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

#A2E8F6

#ABEAF7

#B5EDF8

#BEEFF9

#C7F1FA

#D1F4FB

#DAF6FB

#E3F8FC

#ECFAFD

#F6FDFE

#a2e8f6 Gray Shades

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

#A2E8F6

#9FDEEA

#9BD3DE

#98C9D3

#94BEC7

#91B4BB

#8EAAAF

#8A9FA3

#879598

#838A8C

#a2e8f6 Dark Shades

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

#A2E8F6

#92D1DD

#82BAC5

#71A2AC

#618B94

#51747B

#415D62

#31464A

#202E31

#101719

#a2e8f6 Red Shades

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

#A2E8F6

#ABD1DD

#B5BAC5

#BEA2AC

#C78B94

#D1747B

#DA5D62

#E3464A

#EC2E31

#F61719

#a2e8f6 Green Shades

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

#A2E8F6

#92DEDD

#82D3C5

#71C9AC

#61BE94

#51B47B

#41AA62

#319F4A

#209531

#108A19

#a2e8f6 Blue Shades

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

#A2E8F6

#92D1F7

#82BAF8

#71A2F9

#618BFA

#5174FB

#415DFB

#3146FC

#202EFD

#1017FE

Readability Analysis

#a2e8f6 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.36	Fail	Sample Text
Black	15.41	AAA	Sample Text
Red	2.93	Fail	Sample Text
Green	3.77	A	Sample Text
Blue	6.31	AA	Sample Text

#a2e8f6 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.36	Fail	Sample Text
Black	15.41	AAA	Sample Text
Red	2.93	Fail	Sample Text
Green	3.77	A	Sample Text
Blue	6.31	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c6dff1`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#cbddfa`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#a2e7f8`
Protanopia	No red perception - Dichromacy	`#dadaee`
Deuteranopia	No green perception - Dichromacy	`#e2d6fc`
Tritanopia	No blue perception - Dichromacy	`#a2e7f9`
Achromatomaly	Partial color blindness - Monochromacy	`#c6dfe4`
Achromatopsia	Complete color blindness - Monochromacy	`#dadada`

#a2e8f6 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a2e8f6 Light Tints

#a2e8f6 Gray Shades

#a2e8f6 Dark Shades

#a2e8f6 Red Shades

#a2e8f6 Green Shades

#a2e8f6 Blue Shades

Readability Analysis

#a2e8f6 as Text Color

#a2e8f6 as Background Color

Color Blindness Simulation

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

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

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

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

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

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