0 views

#a3e7fd - Color Information

#a3e7fd

Base Information

HEX

#a3e7fd

RGB

163,231,253

HSL

195,96,82

HSV

195,36,99

CMYK

36,9,0,1

LAB

88,-16,-17

LCH

88,24,228

XYZ

61,72,104

Web Safe

#99ffff

Web Smart

#aaeeff

is dark

luminosity

0.7203

Pantone Color

Combinations

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

#a3e7fd

#FDB9A3

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

#a3e7fd

#FDA3BA

#FDE6A3

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

#a3e7fd

#FDA3E7

#E7FDA3

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

#a3e7fd

#E6A3FD

#FDB9A3

#BAFDA3

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

#a3e7fd

#FDB9A3

#FDA3BA

#FDE6A3

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

#a3e7fd

#A3BAFD

#B9A3FD

#E6A3FD

Shades

#a3e7fd Light Tints

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

#A3E7FD

#ACE9FD

#B5ECFD

#BFEEFE

#C8F1FE

#D1F3FE

#DAF5FE

#E3F8FE

#EDFAFF

#F6FDFF

#a3e7fd Gray Shades

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

#A3E7FD

#A0DDF1

#9CD2E4

#99C8D8

#95BECB

#92B4BF

#8EA9B2

#8B9FA6

#879599

#848A8D

#a3e7fd Dark Shades

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

#A3E7FD

#93D0E4

#82B9CA

#72A2B1

#628B98

#52747F

#415C65

#31454C

#212E33

#101719

#a3e7fd Red Shades

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

#A3E7FD

#ACD0E4

#B5B9CA

#BFA2B1

#C88B98

#D1747F

#DA5C65

#E3454C

#ED2E33

#F61719

#a3e7fd Green Shades

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

#A3E7FD

#93DDE4

#82D2CA

#72C8B1

#62BE98

#52B47F

#41A965

#319F4C

#219533

#108A19

#a3e7fd Blue Shades

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

#A3E7FD

#93D0FD

#82B9FD

#72A2FE

#628BFE

#5274FE

#415CFE

#3145FE

#212EFF

#1017FF

Readability Analysis

#a3e7fd 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.30	AA	Sample Text

#a3e7fd 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.30	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c4dff8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c8ddfe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#a1e7fb`
Protanopia	No red perception - Dichromacy	`#d8daf6`
Deuteranopia	No green perception - Dichromacy	`#ded7ff`
Tritanopia	No blue perception - Dichromacy	`#a0e7f9`
Achromatomaly	Partial color blindness - Monochromacy	`#c6dfe7`
Achromatopsia	Complete color blindness - Monochromacy	`#dadada`

#a3e7fd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a3e7fd Light Tints

#a3e7fd Gray Shades

#a3e7fd Dark Shades

#a3e7fd Red Shades

#a3e7fd Green Shades

#a3e7fd Blue Shades

Readability Analysis

#a3e7fd as Text Color

#a3e7fd as Background Color

Color Blindness Simulation

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

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

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

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

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

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