0 views

#add3dd - Color Information

#add3dd

Base Information

HEX

#add3dd

RGB

173,211,221

HSL

193,41,77

HSV

193,22,87

CMYK

22,5,0,13

LAB

82,-10,-9

LCH

82,14,221

XYZ

54,61,77

Web Safe

#99cccc

Web Smart

#aaccdd

is dark

luminosity

0.6069

Pantone Color

Combinations

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

#add3dd

#DDB7AD

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

#add3dd

#DDADBB

#DDCFAD

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

#add3dd

#DDADD3

#D3DDAD

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

#add3dd

#CFADDD

#DDB7AD

#BBDDAD

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

#add3dd

#DDB7AD

#DDADBB

#DDCFAD

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

#add3dd

#ADBBDD

#B7ADDD

#CFADDD

Shades

#add3dd Light Tints

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

#ADD3DD

#B5D7E0

#BDDCE4

#C6E0E7

#CEE5EB

#D6E9EE

#DEEDF1

#E6F2F5

#EFF6F8

#F7FBFC

#add3dd Gray Shades

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

#ADD3DD

#A9CBD4

#A4C2CA

#A0BAC1

#9BB2B8

#97AAAF

#92A1A5

#8E999C

#899193

#858889

#add3dd Dark Shades

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

#ADD3DD

#9CBEC7

#8AA9B1

#79949B

#687F85

#576A6F

#455458

#343F42

#232A2C

#111516

#add3dd Red Shades

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

#ADD3DD

#B5BEC7

#BDA9B1

#C6949B

#CE7F85

#D66A6F

#DE5458

#E63F42

#EF2A2C

#F71516

#add3dd Green Shades

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

#ADD3DD

#9CCBC7

#8AC2B1

#79BA9B

#68B285

#57AA6F

#45A158

#349942

#23912C

#118816

#add3dd Blue Shades

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

#ADD3DD

#9CBEE0

#8AA9E4

#7994E7

#687FEB

#576AEE

#4554F1

#343FF5

#232AF8

#1115FC

Readability Analysis

#add3dd as Text Color

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

#add3dd as Background Color

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

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c0cdda`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c7cbdf`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#add2e0`
Protanopia	No red perception - Dichromacy	`#cbcad8`
Deuteranopia	No green perception - Dichromacy	`#d6c6e0`
Tritanopia	No blue perception - Dichromacy	`#add1e1`
Achromatomaly	Partial color blindness - Monochromacy	`#c0ced2`
Achromatopsia	Complete color blindness - Monochromacy	`#cccccc`

#add3dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#add3dd Light Tints

#add3dd Gray Shades

#add3dd Dark Shades

#add3dd Red Shades

#add3dd Green Shades

#add3dd Blue Shades

Readability Analysis

#add3dd as Text Color

#add3dd as Background Color

Color Blindness Simulation

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

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

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

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

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

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