0 views

#aad5fd - Color Information

#aad5fd

Base Information

HEX

#aad5fd

RGB

170,213,253

HSL

209,95,83

HSV

209,33,99

CMYK

33,16,0,1

LAB

84,-5,-24

LCH

84,25,259

XYZ

58,63,102

Web Safe

#99ccff

Web Smart

#aaddff

is dark

luminosity

0.6323

Pantone Color

Combinations

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

#aad5fd

#FDD2AA

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

#aad5fd

#FDAAAC

#FDFBAA

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

#aad5fd

#FDAAD5

#D5FDAA

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

#aad5fd

#FBAAFD

#FDD2AA

#ACFDAA

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

#aad5fd

#FDD2AA

#FDAAAC

#FDFBAA

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

#aad5fd

#AAABFD

#D2AAFD

#FBAAFD

Shades

#aad5fd Light Tints

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

#AAD5FD

#B3D9FD

#BBDDFD

#C4E2FE

#CCE6FE

#D5EAFE

#DDEEFE

#E6F2FE

#EEF7FF

#F7FBFF

#aad5fd Gray Shades

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

#AAD5FD

#A6CDF1

#A2C4E4

#9DBCD8

#99B3CB

#95ABBF

#91A2B2

#8D9AA6

#889199

#84898D

#aad5fd Dark Shades

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

#AAD5FD

#99C0E4

#88AACA

#7795B1

#668098

#556B7F

#445565

#33404C

#222B33

#111519

#aad5fd Red Shades

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

#AAD5FD

#B3C0E4

#BBAACA

#C495B1

#CC8098

#D56B7F

#DD5565

#E6404C

#EE2B33

#F71519

#aad5fd Green Shades

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

#AAD5FD

#99CDE4

#88C4CA

#77BCB1

#66B398

#55AB7F

#44A265

#339A4C

#229133

#118919

#aad5fd Blue Shades

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

#AAD5FD

#99C0FD

#88AAFD

#7795FE

#6680FE

#556BFE

#4455FE

#3340FE

#222BFF

#1115FF

Readability Analysis

#aad5fd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.54	Fail	Sample Text
Black	13.65	AAA	Sample Text
Red	2.60	Fail	Sample Text
Green	3.34	A	Sample Text
Blue	5.58	AA	Sample Text

#aad5fd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.54	Fail	Sample Text
Black	13.65	AAA	Sample Text
Red	2.60	Fail	Sample Text
Green	3.34	A	Sample Text
Blue	5.58	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#bbd0fa`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#becffe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#a5d7f0`
Protanopia	No red perception - Dichromacy	`#c5cdf9`
Deuteranopia	No green perception - Dichromacy	`#cacbff`
Tritanopia	No blue perception - Dichromacy	`#a3d8e9`
Achromatomaly	Partial color blindness - Monochromacy	`#c1d1e0`
Achromatopsia	Complete color blindness - Monochromacy	`#cfcfcf`

#aad5fd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#aad5fd Light Tints

#aad5fd Gray Shades

#aad5fd Dark Shades

#aad5fd Red Shades

#aad5fd Green Shades

#aad5fd Blue Shades

Readability Analysis

#aad5fd as Text Color

#aad5fd as Background Color

Color Blindness Simulation

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

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

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

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

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

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