0 views

#a3d3ee - Color Information

#a3d3ee

Base Information

HEX

#a3d3ee

RGB

163,211,238

HSL

202,69,79

HSV

202,32,93

CMYK

32,11,0,7

LAB

82,-9,-18

LCH

82,21,243

XYZ

54,61,90

Web Safe

#99ccff

Web Smart

#aaccee

is dark

luminosity

0.6055

Pantone Color

Combinations

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

#a3d3ee

#EEBEA3

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

#a3d3ee

#EEA3AE

#EEE4A3

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

#a3d3ee

#EEA3D3

#D3EEA3

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

#a3d3ee

#E3A3EE

#EEBEA3

#AEEEA3

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

#a3d3ee

#EEBEA3

#EEA3AE

#EEE4A3

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

#a3d3ee

#A3ADEE

#BEA3EE

#E3A3EE

Shades

#a3d3ee Light Tints

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

#A3D3EE

#ACD7F0

#B5DCF1

#BFE0F3

#C8E5F5

#D1E9F7

#DAEDF8

#E3F2FA

#EDF6FC

#F6FBFD

#a3d3ee Gray Shades

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

#A3D3EE

#A0CBE3

#9CC2D8

#99BACD

#95B2C2

#92AAB7

#8EA1AC

#8B99A1

#879196

#84888B

#a3d3ee Dark Shades

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

#A3D3EE

#93BED6

#82A9BE

#7294A7

#627F8F

#526A77

#41545F

#313F47

#212A30

#101518

#a3d3ee Red Shades

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

#A3D3EE

#ACBED6

#B5A9BE

#BF94A7

#C87F8F

#D16A77

#DA545F

#E33F47

#ED2A30

#F61518

#a3d3ee Green Shades

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

#A3D3EE

#93CBD6

#82C2BE

#72BAA7

#62B28F

#52AA77

#41A15F

#319947

#219130

#108818

#a3d3ee Blue Shades

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

#A3D3EE

#93BEF0

#82A9F1

#7294F3

#627FF5

#526AF7

#4154F8

#313FFA

#212AFC

#1015FD

Readability Analysis

#a3d3ee as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.60	Fail	Sample Text
Black	13.11	AAA	Sample Text
Red	2.50	Fail	Sample Text
Green	3.21	A	Sample Text
Blue	5.36	AA	Sample Text

#a3d3ee as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.60	Fail	Sample Text
Black	13.11	AAA	Sample Text
Red	2.50	Fail	Sample Text
Green	3.21	A	Sample Text
Blue	5.36	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#b9cdea`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#bdcbf0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#a0d3e8`
Protanopia	No red perception - Dichromacy	`#c5c9e8`
Deuteranopia	No green perception - Dichromacy	`#ccc6f2`
Tritanopia	No blue perception - Dichromacy	`#9fd3e4`
Achromatomaly	Partial color blindness - Monochromacy	`#bcced8`
Achromatopsia	Complete color blindness - Monochromacy	`#cbcbcb`

#a3d3ee - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a3d3ee Light Tints

#a3d3ee Gray Shades

#a3d3ee Dark Shades

#a3d3ee Red Shades

#a3d3ee Green Shades

#a3d3ee Blue Shades

Readability Analysis

#a3d3ee as Text Color

#a3d3ee as Background Color

Color Blindness Simulation

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

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

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

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

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

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