#aad2dc hex color

In a RGB color space, hex #aad2dc is composed of 66.7% red, 82.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 22.7% cyan, 4.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 192 degrees, a saturation of 41.7% and a lightness of 76.5%. #aad2dc color hex could be obtained by blending #ffffff with #55a5b9. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 67
- G 82
- B 86
RGB color chart
- C 23
- M 5
- Y 0
- K 14
CMYK color chart

● #aad2dc color description : Very soft cyan.

The hexadecimal color #aad2dc has RGB values of R:170, G:210, B:220 and CMYK values of C:0.23, M:0.05, Y:0, K:0.14. Its decimal value is 11195100.

Hex triplet	aad2dc	`#aad2dc`
RGB Decimal	170, 210, 220	`rgb(170,210,220)`
RGB Percent	66.7, 82.4, 86.3	`rgb(66.7%,82.4%,86.3%)`
CMYK	23, 5, 0, 14
HSL	192°, 41.7, 76.5	`hsl(192,41.7%,76.5%)`
HSV (or HSB)	192°, 22.7, 86.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	81.732, -10.911, -9.282
XYZ	52.539, 59.805, 76.482
xyY	0.278, 0.317, 59.805
CIE-LCH	81.732, 14.325, 220.386
CIE-LUV	81.732, -20.823, -12.572
Hunter-Lab	77.334, -14.064, -4.503
Binary	10101010, 11010010, 11011100

#aad2dc
```
#aad2dc rgb(170,210,220)
```
#dcb4aa
```
#dcb4aa rgb(220,180,170)
```

Complementary Color

#aadccd
```
#aadccd rgb(170,220,205)
```
#aad2dc
```
#aad2dc rgb(170,210,220)
```
#aab9dc
```
#aab9dc rgb(170,185,220)
```

Analogous Color

#dccdaa
```
#dccdaa rgb(220,205,170)
```
#aad2dc
```
#aad2dc rgb(170,210,220)
```
#dcaab9
```
#dcaab9 rgb(220,170,185)
```

Split Complementary Color

#d2dcaa
```
#d2dcaa rgb(210,220,170)
```
#aad2dc
```
#aad2dc rgb(170,210,220)
```
#dcaad2
```
#dcaad2 rgb(220,170,210)
```

Triadic Color

#aadcb4
```
#aadcb4 rgb(170,220,180)
```
#aad2dc
```
#aad2dc rgb(170,210,220)
```
#dcaad2
```
#dcaad2 rgb(220,170,210)
```
#dcb4aa
```
#dcb4aa rgb(220,180,170)
```

Tetradic Color

#74b5c6
```
#74b5c6 rgb(116,181,198)
```
#86bfcd
```
#86bfcd rgb(134,191,205)
```
#98c8d5
```
#98c8d5 rgb(152,200,213)
```
#aad2dc
```
#aad2dc rgb(170,210,220)
```
#bcdce3
```
#bcdce3 rgb(188,220,227)
```
#cee5eb
```
#cee5eb rgb(206,229,235)
```
#e0eff2
```
#e0eff2 rgb(224,239,242)
```

Monochromatic Color

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

#aadcda
```
#aadcda rgb(170,220,218)
```
#aadadc
```
#aadadc rgb(170,218,220)
```
#aad6dc
```
#aad6dc rgb(170,214,220)
```
#aad2dc
```
#aad2dc rgb(170,210,220)
```
#aacedc
```
#aacedc rgb(170,206,220)
```
#aacadc
```
#aacadc rgb(170,202,220)
```
#aac6dc
```
#aac6dc rgb(170,198,220)
```

Similar Colors

Text with hexadecimal color #aad2dc

This text has a font color of #aad2dc.

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

#aad2dc background color

This paragraph has a background color of #aad2dc.

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

#aad2dc border color

This element has a border color of #aad2dc.

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

CSS codes

.text {color:#aad2dc;}

.background {background-color:#aad2dc;}

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

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, #050b0c is the darkest color, while #fdfefe is the lightest one.

#050b0c
```
#050b0c rgb(5,11,12)
```
#0b171a
```
#0b171a rgb(11,23,26)
```
#102328
```
#102328 rgb(16,35,40)
```
#163036
```
#163036 rgb(22,48,54)
```
#1c3c44
```
#1c3c44 rgb(28,60,68)
```
#224852
```
#224852 rgb(34,72,82)
```
#275460
```
#275460 rgb(39,84,96)
```
#2d616e
```
#2d616e rgb(45,97,110)
```
#336d7b
```
#336d7b rgb(51,109,123)
```
#397989
```
#397989 rgb(57,121,137)
```
#3e8597
```
#3e8597 rgb(62,133,151)
```
#4492a5
```
#4492a5 rgb(68,146,165)
```
#4a9eb3
```
#4a9eb3 rgb(74,158,179)
```

Shade Color Variation

#57a6ba
```
#57a6ba rgb(87,166,186)
```
#65adbf
```
#65adbf rgb(101,173,191)
```
#72b5c5
```
#72b5c5 rgb(114,181,197)
```
#80bccb
```
#80bccb rgb(128,188,203)
```
#8ec3d1
```
#8ec3d1 rgb(142,195,209)
```
#9ccbd6
```
#9ccbd6 rgb(156,203,214)
```
#aad2dc
```
#aad2dc rgb(170,210,220)
```
#b8d9e2
```
#b8d9e2 rgb(184,217,226)
```
#c6e1e7
```
#c6e1e7 rgb(198,225,231)
```
#d4e8ed
```
#d4e8ed rgb(212,232,237)
```
#e2eff3
```
#e2eff3 rgb(226,239,243)
```
#eff7f9
```
#eff7f9 rgb(239,247,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#c1c4c5
```
#c1c4c5 rgb(193,196,197)
```
#bcc7ca
```
#bcc7ca rgb(188,199,202)
```
#b8cace
```
#b8cace rgb(184,202,206)
```
#b3ccd3
```
#b3ccd3 rgb(179,204,211)
```
#afcfd7
```
#afcfd7 rgb(175,207,215)
```
#aad2dc
```
#aad2dc rgb(170,210,220)
```
#a5d5e1
```
#a5d5e1 rgb(165,213,225)
```
#a1d8e5
```
#a1d8e5 rgb(161,216,229)
```
#9cdaea
```
#9cdaea rgb(156,218,234)
```
#98ddee
```
#98ddee rgb(152,221,238)
```
#93e0f3
```
#93e0f3 rgb(147,224,243)
```
#8ee3f8
```
#8ee3f8 rgb(142,227,248)
```
#8ae5fc
```
#8ae5fc rgb(138,229,252)
```

Tone Color Variation

Below, you can see how #aad2dc 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

#c7c7c7 Achromatopsia 0.005% of the population
#c1c9cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdccd9 Protanopia 1% of men
#d7c8e1 Deuteranopia 1% of men
#afd3e2 Tritanopia 0.001% of the population

Trichromacy

#c0ceda Protanomaly 1% of men, 0.01% of women
#c6ccdf Deuteranomaly 6% of men, 0.4% of women
#add2e0 Tritanomaly 0.01% of the population

#aad2dc hex color

#aad2dc Color Information

#aad2dc Color Conversion

Color Schemes with #aad2dc

Alternatives to #aad2dc

#aad2dc Preview

Shades and Tints of #aad2dc

Tones of #aad2dc

Color Blindness Simulator