#aadcf5 hex color

In a RGB color space, hex #aadcf5 is composed of 66.7% red, 86.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 10.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 200 degrees, a saturation of 78.9% and a lightness of 81.4%. #aadcf5 color hex could be obtained by blending #ffffff with #55b9eb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 67
- G 86
- B 96
RGB color chart
- C 31
- M 10
- Y 0
- K 4
CMYK color chart

● #aadcf5 color description : Very soft blue.

The hexadecimal color #aadcf5 has RGB values of R:170, G:220, B:245 and CMYK values of C:0.31, M:0.1, Y:0, K:0.04. Its decimal value is 11197685.

Hex triplet	aadcf5	`#aadcf5`
RGB Decimal	170, 220, 245	`rgb(170,220,245)`
RGB Percent	66.7, 86.3, 96.1	`rgb(66.7%,86.3%,96.1%)`
CMYK	31, 10, 0, 4
HSL	200°, 78.9, 81.4	`hsl(200,78.9%,81.4%)`
HSV (or HSB)	200°, 30.6, 96.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	85.161, -10.366, -17.425
XYZ	58.648, 66.323, 96.093
xyY	0.265, 0.3, 66.323
CIE-LCH	85.161, 20.275, 239.253
CIE-LUV	85.161, -25.464, -25.985
Hunter-Lab	81.439, -13.971, -12.951
Binary	10101010, 11011100, 11110101

#aadcf5
```
#aadcf5 rgb(170,220,245)
```
#f5c3aa
```
#f5c3aa rgb(245,195,170)
```

Complementary Color

#aaf5e9
```
#aaf5e9 rgb(170,245,233)
```
#aadcf5
```
#aadcf5 rgb(170,220,245)
```
#aab7f5
```
#aab7f5 rgb(170,183,245)
```

Analogous Color

#f5e9aa
```
#f5e9aa rgb(245,233,170)
```
#aadcf5
```
#aadcf5 rgb(170,220,245)
```
#f5aab7
```
#f5aab7 rgb(245,170,183)
```

Split Complementary Color

#dcf5aa
```
#dcf5aa rgb(220,245,170)
```
#aadcf5
```
#aadcf5 rgb(170,220,245)
```
#f5aadc
```
#f5aadc rgb(245,170,220)
```

Triadic Color

#aaf5c3
```
#aaf5c3 rgb(170,245,195)
```
#aadcf5
```
#aadcf5 rgb(170,220,245)
```
#f5aadc
```
#f5aadc rgb(245,170,220)
```
#f5c3aa
```
#f5c3aa rgb(245,195,170)
```

Tetradic Color

#66c0ed
```
#66c0ed rgb(102,192,237)
```
#7cc9f0
```
#7cc9f0 rgb(124,201,240)
```
#93d3f2
```
#93d3f2 rgb(147,211,242)
```
#aadcf5
```
#aadcf5 rgb(170,220,245)
```
#c1e5f8
```
#c1e5f8 rgb(193,229,248)
```
#d8effa
```
#d8effa rgb(216,239,250)
```
#eef8fd
```
#eef8fd rgb(238,248,253)
```

Monochromatic Color

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

#aaeff5
```
#aaeff5 rgb(170,239,245)
```
#aae9f5
```
#aae9f5 rgb(170,233,245)
```
#aae2f5
```
#aae2f5 rgb(170,226,245)
```
#aadcf5
```
#aadcf5 rgb(170,220,245)
```
#aad6f5
```
#aad6f5 rgb(170,214,245)
```
#aad0f5
```
#aad0f5 rgb(170,208,245)
```
#aac9f5
```
#aac9f5 rgb(170,201,245)
```

Similar Colors

Text with hexadecimal color #aadcf5

This text has a font color of #aadcf5.

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

#aadcf5 background color

This paragraph has a background color of #aadcf5.

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

#aadcf5 border color

This element has a border color of #aadcf5.

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

CSS codes

.text {color:#aadcf5;}

.background {background-color:#aadcf5;}

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

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, #000203 is the darkest color, while #f0f9fd is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#020e14
```
#020e14 rgb(2,14,20)
```
#041b26
```
#041b26 rgb(4,27,38)
```
#072737
```
#072737 rgb(7,39,55)
```
#093349
```
#093349 rgb(9,51,73)
```
#0b405b
```
#0b405b rgb(11,64,91)
```
#0d4c6c
```
#0d4c6c rgb(13,76,108)
```
#0f597e
```
#0f597e rgb(15,89,126)
```
#11658f
```
#11658f rgb(17,101,143)
```
#1371a1
```
#1371a1 rgb(19,113,161)
```
#157eb2
```
#157eb2 rgb(21,126,178)
```
#178ac4
```
#178ac4 rgb(23,138,196)
```
#1997d5
```
#1997d5 rgb(25,151,213)
```

Shade Color Variation

#1ea2e4
```
#1ea2e4 rgb(30,162,228)
```
#2fa9e7
```
#2fa9e7 rgb(47,169,231)
```
#41b1e9
```
#41b1e9 rgb(65,177,233)
```
#52b8eb
```
#52b8eb rgb(82,184,235)
```
#64bfed
```
#64bfed rgb(100,191,237)
```
#75c6ef
```
#75c6ef rgb(117,198,239)
```
#87cef1
```
#87cef1 rgb(135,206,241)
```
#98d5f3
```
#98d5f3 rgb(152,213,243)
```
#aadcf5
```
#aadcf5 rgb(170,220,245)
```
#bce3f7
```
#bce3f7 rgb(188,227,247)
```
#cdeaf9
```
#cdeaf9 rgb(205,234,249)
```
#dff2fb
```
#dff2fb rgb(223,242,251)
```
#f0f9fd
```
#f0f9fd rgb(240,249,253)
```

Tint Color Variation

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

#cfd0d0
```
#cfd0d0 rgb(207,208,208)
```
#cbd1d4
```
#cbd1d4 rgb(203,209,212)
```
#c7d2d8
```
#c7d2d8 rgb(199,210,216)
```
#c4d3db
```
#c4d3db rgb(196,211,219)
```
#c0d5df
```
#c0d5df rgb(192,213,223)
```
#bcd6e3
```
#bcd6e3 rgb(188,214,227)
```
#b9d7e6
```
#b9d7e6 rgb(185,215,230)
```
#b5d8ea
```
#b5d8ea rgb(181,216,234)
```
#b1daee
```
#b1daee rgb(177,218,238)
```
#aedbf1
```
#aedbf1 rgb(174,219,241)
```
#aadcf5
```
#aadcf5 rgb(170,220,245)
```
#a6ddf9
```
#a6ddf9 rgb(166,221,249)
```
#a3defc
```
#a3defc rgb(163,222,252)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#c8d2d7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d5f0 Protanopia 1% of men
#d9d2f9 Deuteranopia 1% of men
#acdeef Tritanopia 0.001% of the population

Trichromacy

#c3d7f2 Protanomaly 1% of men, 0.01% of women
#c7d5f7 Deuteranomaly 6% of men, 0.4% of women
#abddf1 Tritanomaly 0.01% of the population

#aadcf5 hex color

#aadcf5 Color Information

#aadcf5 Color Conversion

Color Schemes with #aadcf5

Alternatives to #aadcf5

#aadcf5 Preview

Shades and Tints of #aadcf5

Tones of #aadcf5

Color Blindness Simulator