#add6ed hex color

In a RGB color space, hex #add6ed is composed of 67.8% red, 83.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 27% cyan, 9.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 201.6 degrees, a saturation of 64% and a lightness of 80.4%. #add6ed color hex could be obtained by blending #ffffff with #5baddb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 68
- G 84
- B 93
RGB color chart
- C 27
- M 10
- Y 0
- K 7
CMYK color chart

● #add6ed color description : Very soft blue.

The hexadecimal color #add6ed has RGB values of R:173, G:214, B:237 and CMYK values of C:0.27, M:0.1, Y:0, K:0.07. Its decimal value is 11392749.

Hex triplet	add6ed	`#add6ed`
RGB Decimal	173, 214, 237	`rgb(173,214,237)`
RGB Percent	67.8, 83.9, 92.9	`rgb(67.8%,83.9%,92.9%)`
CMYK	27, 10, 0, 7
HSL	201.6°, 64, 80.4	`hsl(201.6,64%,80.4%)`
HSV (or HSB)	201.6°, 27, 92.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	83.49, -8.269, -15.685
XYZ	56.563, 63.09, 89.313
xyY	0.271, 0.302, 63.09
CIE-LCH	83.49, 17.731, 242.201
CIE-LUV	83.49, -21.5, -23.381
Hunter-Lab	79.429, -11.889, -11.068
Binary	10101101, 11010110, 11101101

#add6ed
```
#add6ed rgb(173,214,237)
```
#edc4ad
```
#edc4ad rgb(237,196,173)
```

Complementary Color

#adede4
```
#adede4 rgb(173,237,228)
```
#add6ed
```
#add6ed rgb(173,214,237)
```
#adb6ed
```
#adb6ed rgb(173,182,237)
```

Analogous Color

#ede4ad
```
#ede4ad rgb(237,228,173)
```
#add6ed
```
#add6ed rgb(173,214,237)
```
#edadb6
```
#edadb6 rgb(237,173,182)
```

Split Complementary Color

#d6edad
```
#d6edad rgb(214,237,173)
```
#add6ed
```
#add6ed rgb(173,214,237)
```
#edadd6
```
#edadd6 rgb(237,173,214)
```

Triadic Color

#adedc4
```
#adedc4 rgb(173,237,196)
```
#add6ed
```
#add6ed rgb(173,214,237)
```
#edadd6
```
#edadd6 rgb(237,173,214)
```
#edc4ad
```
#edc4ad rgb(237,196,173)
```

Tetradic Color

#6eb7df
```
#6eb7df rgb(110,183,223)
```
#83c1e4
```
#83c1e4 rgb(131,193,228)
```
#98cce8
```
#98cce8 rgb(152,204,232)
```
#add6ed
```
#add6ed rgb(173,214,237)
```
#c2e0f2
```
#c2e0f2 rgb(194,224,242)
```
#d7ebf6
```
#d7ebf6 rgb(215,235,246)
```
#ecf5fb
```
#ecf5fb rgb(236,245,251)
```

Monochromatic Color

Below, you can see some colors close to #add6ed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ade6ed
```
#ade6ed rgb(173,230,237)
```
#ade1ed
```
#ade1ed rgb(173,225,237)
```
#addbed
```
#addbed rgb(173,219,237)
```
#add6ed
```
#add6ed rgb(173,214,237)
```
#add1ed
```
#add1ed rgb(173,209,237)
```
#adcbed
```
#adcbed rgb(173,203,237)
```
#adc6ed
```
#adc6ed rgb(173,198,237)
```

Similar Colors

Text with hexadecimal color #add6ed

This text has a font color of #add6ed.

<span style="color:#add6ed;">Text here</span>

#add6ed background color

This paragraph has a background color of #add6ed.

<p style="background-color:#add6ed;">Content here</p>

#add6ed border color

This element has a border color of #add6ed.

<div style="border:1px solid #add6ed;">Content here</div>

CSS codes

.text {color:#add6ed;}

.background {background-color:#add6ed;}

.border {border:1px solid #add6ed;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #030a0f is the darkest color, while #fdfeff is the lightest one.

#030a0f
```
#030a0f rgb(3,10,15)
```
#07161f
```
#07161f rgb(7,22,31)
```
#0a222f
```
#0a222f rgb(10,34,47)
```
#0e2d3f
```
#0e2d3f rgb(14,45,63)
```
#11394f
```
#11394f rgb(17,57,79)
```
#15445f
```
#15445f rgb(21,68,95)
```
#18506f
```
#18506f rgb(24,80,111)
```
#1c5b7f
```
#1c5b7f rgb(28,91,127)
```
#1f678f
```
#1f678f rgb(31,103,143)
```
#23739f
```
#23739f rgb(35,115,159)
```
#267eaf
```
#267eaf rgb(38,126,175)
```
#2a8abf
```
#2a8abf rgb(42,138,191)
```
#2e95d0
```
#2e95d0 rgb(46,149,208)
```

Shade Color Variation

#3c9ed4
```
#3c9ed4 rgb(60,158,212)
```
#4ca6d8
```
#4ca6d8 rgb(76,166,216)
```
#5daedb
```
#5daedb rgb(93,174,219)
```
#6db6df
```
#6db6df rgb(109,182,223)
```
#7dbee2
```
#7dbee2 rgb(125,190,226)
```
#8dc6e6
```
#8dc6e6 rgb(141,198,230)
```
#9dcee9
```
#9dcee9 rgb(157,206,233)
```
#add6ed
```
#add6ed rgb(173,214,237)
```
#bddef1
```
#bddef1 rgb(189,222,241)
```
#cde6f4
```
#cde6f4 rgb(205,230,244)
```
#ddeef8
```
#ddeef8 rgb(221,238,248)
```
#edf6fb
```
#edf6fb rgb(237,246,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #cccdce is the less saturated color, while #9edafc is the most saturated one.

#cccdce
```
#cccdce rgb(204,205,206)
```
#c8ced2
```
#c8ced2 rgb(200,206,210)
```
#c4d0d6
```
#c4d0d6 rgb(196,208,214)
```
#c0d1da
```
#c0d1da rgb(192,209,218)
```
#bcd2de
```
#bcd2de rgb(188,210,222)
```
#b9d3e1
```
#b9d3e1 rgb(185,211,225)
```
#b5d4e5
```
#b5d4e5 rgb(181,212,229)
```
#b1d5e9
```
#b1d5e9 rgb(177,213,233)
```
#add6ed
```
#add6ed rgb(173,214,237)
```
#a9d7f1
```
#a9d7f1 rgb(169,215,241)
```
#a5d8f5
```
#a5d8f5 rgb(165,216,245)
```
#a1d9f9
```
#a1d9f9 rgb(161,217,249)
```
#9edafc
```
#9edafc rgb(158,218,252)
```

Tone Color Variation

Below, you can see how #add6ed is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#cccccc Achromatopsia 0.005% of the population
#c6ced3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ced1e9 Protanopia 1% of men
#d6cdf1 Deuteranopia 1% of men
#afd9e8 Tritanopia 0.001% of the population

Trichromacy

#c2d2ea Protanomaly 1% of men, 0.01% of women
#c7d0ef Deuteranomaly 6% of men, 0.4% of women
#aed7ea Tritanomaly 0.01% of the population

#add6ed hex color

#add6ed Color Information

#add6ed Color Conversion

Color Schemes with #add6ed

Alternatives to #add6ed

#add6ed Preview

Shades and Tints of #add6ed

Tones of #add6ed

Color Blindness Simulator