0 views

#a3d5fd - Color Information

#a3d5fd

Base Information

HEX

#a3d5fd

RGB

163,213,253

HSL

207,96,82

HSV

207,36,99

CMYK

36,16,0,1

LAB

83,-7,-25

LCH

83,26,255

XYZ

57,62,102

Web Safe

#99ccff

Web Smart

#aaddff

is dark

luminosity

0.6247

Pantone Color

Combinations

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

#a3d5fd

#FDCBA3

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

#a3d5fd

#FDA3A8

#FDF8A3

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

#a3d5fd

#FDA3D5

#D5FDA3

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

#a3d5fd

#F8A3FD

#FDCBA3

#A8FDA3

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

#a3d5fd

#FDCBA3

#FDA3A8

#FDF8A3

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

#a3d5fd

#A3A8FD

#CBA3FD

#F8A3FD

Shades

#a3d5fd Light Tints

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

#A3D5FD

#ACD9FD

#B5DDFD

#BFE2FE

#C8E6FE

#D1EAFE

#DAEEFE

#E3F2FE

#EDF7FF

#F6FBFF

#a3d5fd Gray Shades

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

#A3D5FD

#A0CDF1

#9CC4E4

#99BCD8

#95B3CB

#92ABBF

#8EA2B2

#8B9AA6

#879199

#84898D

#a3d5fd Dark Shades

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

#A3D5FD

#93C0E4

#82AACA

#7295B1

#628098

#526B7F

#415565

#31404C

#212B33

#101519

#a3d5fd Red Shades

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

#A3D5FD

#ACC0E4

#B5AACA

#BF95B1

#C88098

#D16B7F

#DA5565

#E3404C

#ED2B33

#F61519

#a3d5fd Green Shades

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

#A3D5FD

#93CDE4

#82C4CA

#72BCB1

#62B398

#52AB7F

#41A265

#319A4C

#219133

#108919

#a3d5fd Blue Shades

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

#A3D5FD

#93C0FD

#82AAFD

#7295FE

#6280FE

#526BFE

#4155FE

#3140FE

#212BFF

#1015FF

Readability Analysis

#a3d5fd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.56	Fail	Sample Text
Black	13.49	AAA	Sample Text
Red	2.57	Fail	Sample Text
Green	3.30	A	Sample Text
Blue	5.52	AA	Sample Text

#a3d5fd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.56	Fail	Sample Text
Black	13.49	AAA	Sample Text
Red	2.57	Fail	Sample Text
Green	3.30	A	Sample Text
Blue	5.52	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#b8cffa`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#bacefe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#9ed7f0`
Protanopia	No red perception - Dichromacy	`#c4ccf8`
Deuteranopia	No green perception - Dichromacy	`#c8caff`
Tritanopia	No blue perception - Dichromacy	`#9cd8e9`
Achromatomaly	Partial color blindness - Monochromacy	`#bed0df`
Achromatopsia	Complete color blindness - Monochromacy	`#cdcdcd`

#a3d5fd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a3d5fd Light Tints

#a3d5fd Gray Shades

#a3d5fd Dark Shades

#a3d5fd Red Shades

#a3d5fd Green Shades

#a3d5fd Blue Shades

Readability Analysis

#a3d5fd as Text Color

#a3d5fd as Background Color

Color Blindness Simulation

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

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

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

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

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

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