0 views

#a3e1fe - Color Information

#a3e1fe

Base Information

HEX

#a3e1fe

RGB

163,225,254

HSL

199,98,82

HSV

199,36,100

CMYK

36,11,0,0

LAB

86,-13,-20

LCH

86,24,238

XYZ

60,69,104

Web Safe

#99ccff

Web Smart

#aaddff

is dark

luminosity

0.6879

Pantone Color

Combinations

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

#a3e1fe

#FEC0A3

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

#a3e1fe

#FEA3B3

#FEEEA3

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

#a3e1fe

#FEA3E1

#E1FEA3

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

#a3e1fe

#EEA3FE

#FEC0A3

#B3FEA3

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

#a3e1fe

#FEC0A3

#FEA3B3

#FEEEA3

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

#a3e1fe

#A3B3FE

#C0A3FE

#EEA3FE

Shades

#a3e1fe Light Tints

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

#A3E1FE

#ACE4FE

#B5E7FE

#BFEAFE

#C8EDFE

#D1F0FF

#DAF3FF

#E3F6FF

#EDF9FF

#F6FCFF

#a3e1fe Gray Shades

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

#A3E1FE

#A0D7F1

#9CCEE5

#99C4D8

#95BACC

#92B1BF

#8EA7B2

#8B9DA6

#879399

#848A8D

#a3e1fe Dark Shades

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

#A3E1FE

#93CBE5

#82B4CB

#729EB2

#628798

#52717F

#415A66

#31434C

#212D33

#101619

#a3e1fe Red Shades

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

#A3E1FE

#ACCBE5

#B5B4CB

#BF9EB2

#C88798

#D1717F

#DA5A66

#E3434C

#ED2D33

#F61619

#a3e1fe Green Shades

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

#A3E1FE

#93D7E5

#82CECB

#72C4B2

#62BA98

#52B17F

#41A766

#319D4C

#219333

#108A19

#a3e1fe Blue Shades

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

#A3E1FE

#93CBFE

#82B4FE

#729EFE

#6287FE

#5271FF

#415AFF

#3143FF

#212DFF

#1016FF

Readability Analysis

#a3e1fe as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.76	AAA	Sample Text
Red	2.81	Fail	Sample Text
Green	3.61	A	Sample Text
Blue	6.04	AA	Sample Text

#a3e1fe as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.76	AAA	Sample Text
Red	2.81	Fail	Sample Text
Green	3.61	A	Sample Text
Blue	6.04	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c0dafa`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c4d8ff`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#a0e2f8`
Protanopia	No red perception - Dichromacy	`#d1d5f7`
Deuteranopia	No green perception - Dichromacy	`#d6d3ff`
Tritanopia	No blue perception - Dichromacy	`#9fe2f4`
Achromatomaly	Partial color blindness - Monochromacy	`#c3dae4`
Achromatopsia	Complete color blindness - Monochromacy	`#d6d6d6`

#a3e1fe - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a3e1fe Light Tints

#a3e1fe Gray Shades

#a3e1fe Dark Shades

#a3e1fe Red Shades

#a3e1fe Green Shades

#a3e1fe Blue Shades

Readability Analysis

#a3e1fe as Text Color

#a3e1fe as Background Color

Color Blindness Simulation

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

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

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

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

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

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