0 views

#aaf0dd - Color Information

#aaf0dd

Base Information

HEX

#aaf0dd

RGB

170,240,221

HSL

164,70,80

HSV

164,29,94

CMYK

29,0,8,6

LAB

90,-26,2

LCH

90,26,175

XYZ

61,76,80

Web Safe

#99ffcc

Web Smart

#aaeedd

is dark

luminosity

0.7609

Pantone Color

Combinations

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

#aaf0dd

#F0AABD

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

#aaf0dd

#F0AAE0

#F0BAAA

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

#aaf0dd

#DDAAF0

#F0DDAA

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

#aaf0dd

#BAAAF0

#F0AABD

#E0F0AA

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

#aaf0dd

#F0AABD

#F0AAE0

#F0BAAA

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

#aaf0dd

#AAE0F0

#AABDF0

#BAAAF0

Shades

#aaf0dd Light Tints

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

#AAF0DD

#B3F2E0

#BBF3E4

#C4F5E7

#CCF6EB

#D5F8EE

#DDF9F1

#E6FBF5

#EEFCF8

#F7FEFC

#aaf0dd Gray Shades

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

#AAF0DD

#A6E5D4

#A2DACA

#9DCEC1

#99C3B8

#95B8AF

#91ADA5

#8DA29C

#889693

#848B89

#aaf0dd Dark Shades

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

#AAF0DD

#99D8C7

#88C0B1

#77A89B

#669085

#55786F

#446058

#334842

#22302C

#111816

#aaf0dd Red Shades

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

#AAF0DD

#B3D8C7

#BBC0B1

#C4A89B

#CC9085

#D5786F

#DD6058

#E64842

#EE302C

#F71816

#aaf0dd Green Shades

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

#AAF0DD

#99E5C7

#88DAB1

#77CE9B

#66C385

#55B86F

#44AD58

#33A242

#22962C

#118B16

#aaf0dd Blue Shades

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

#AAF0DD

#99D8E0

#88C0E4

#77A8E7

#6690EB

#5578EE

#4460F1

#3348F5

#2230F8

#1118FC

Readability Analysis

#aaf0dd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.29	Fail	Sample Text
Black	16.22	AAA	Sample Text
Red	3.09	A	Sample Text
Green	3.97	A	Sample Text
Blue	6.64	AA	Sample Text

#aaf0dd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.29	Fail	Sample Text
Black	16.22	AAA	Sample Text
Red	3.09	A	Sample Text
Green	3.97	A	Sample Text
Blue	6.64	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d2e6d7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dbe2e1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#aeecf1`
Protanopia	No red perception - Dichromacy	`#e9e0d4`
Deuteranopia	No green perception - Dichromacy	`#f7dae3`
Tritanopia	No blue perception - Dichromacy	`#b1eafd`
Achromatomaly	Partial color blindness - Monochromacy	`#cce6df`
Achromatopsia	Complete color blindness - Monochromacy	`#e0e0e0`

#aaf0dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#aaf0dd Light Tints

#aaf0dd Gray Shades

#aaf0dd Dark Shades

#aaf0dd Red Shades

#aaf0dd Green Shades

#aaf0dd Blue Shades

Readability Analysis

#aaf0dd as Text Color

#aaf0dd as Background Color

Color Blindness Simulation

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

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

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

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

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

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