#aad1f2 hex color

In a RGB color space, hex #aad1f2 is composed of 66.7% red, 82% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 13.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 207.5 degrees, a saturation of 73.5% and a lightness of 80.8%. #aad1f2 color hex could be obtained by blending #ffffff with #55a3e5. Closest websafe color is: #99ccff.

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

● #aad1f2 color description : Very soft blue.

The hexadecimal color #aad1f2 has RGB values of R:170, G:209, B:242 and CMYK values of C:0.3, M:0.14, Y:0, K:0.05. Its decimal value is 11194866.

Hex triplet	aad1f2	`#aad1f2`
RGB Decimal	170, 209, 242	`rgb(170,209,242)`
RGB Percent	66.7, 82, 94.9	`rgb(66.7%,82%,94.9%)`
CMYK	30, 14, 0, 5
HSL	207.5°, 73.5, 80.8	`hsl(207.5,73.5%,80.8%)`
HSV (or HSB)	207.5°, 29.8, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.14, -5.347, -20.396
XYZ	55.401, 60.556, 92.769
xyY	0.265, 0.29, 60.556
CIE-LCH	82.14, 21.086, 255.309
CIE-LUV	82.14, -20.737, -31.545
Hunter-Lab	77.818, -9.1, -16.209
Binary	10101010, 11010001, 11110010

#aad1f2
```
#aad1f2 rgb(170,209,242)
```
#f2cbaa
```
#f2cbaa rgb(242,203,170)
```

Complementary Color

#aaf2ef
```
#aaf2ef rgb(170,242,239)
```
#aad1f2
```
#aad1f2 rgb(170,209,242)
```
#aaadf2
```
#aaadf2 rgb(170,173,242)
```

Analogous Color

#f2efaa
```
#f2efaa rgb(242,239,170)
```
#aad1f2
```
#aad1f2 rgb(170,209,242)
```
#f2aaad
```
#f2aaad rgb(242,170,173)
```

Split Complementary Color

#d1f2aa
```
#d1f2aa rgb(209,242,170)
```
#aad1f2
```
#aad1f2 rgb(170,209,242)
```
#f2aad1
```
#f2aad1 rgb(242,170,209)
```

Triadic Color

#aaf2cb
```
#aaf2cb rgb(170,242,203)
```
#aad1f2
```
#aad1f2 rgb(170,209,242)
```
#f2aad1
```
#f2aad1 rgb(242,170,209)
```
#f2cbaa
```
#f2cbaa rgb(242,203,170)
```

Tetradic Color

#68ade8
```
#68ade8 rgb(104,173,232)
```
#7eb9eb
```
#7eb9eb rgb(126,185,235)
```
#94c5ef
```
#94c5ef rgb(148,197,239)
```
#aad1f2
```
#aad1f2 rgb(170,209,242)
```
#c0ddf5
```
#c0ddf5 rgb(192,221,245)
```
#d6e9f9
```
#d6e9f9 rgb(214,233,249)
```
#ecf5fc
```
#ecf5fc rgb(236,245,252)
```

Monochromatic Color

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

#aae3f2
```
#aae3f2 rgb(170,227,242)
```
#aaddf2
```
#aaddf2 rgb(170,221,242)
```
#aad7f2
```
#aad7f2 rgb(170,215,242)
```
#aad1f2
```
#aad1f2 rgb(170,209,242)
```
#aacbf2
```
#aacbf2 rgb(170,203,242)
```
#aac5f2
```
#aac5f2 rgb(170,197,242)
```
#aabff2
```
#aabff2 rgb(170,191,242)
```

Similar Colors

Text with hexadecimal color #aad1f2

This text has a font color of #aad1f2.

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

#aad1f2 background color

This paragraph has a background color of #aad1f2.

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

#aad1f2 border color

This element has a border color of #aad1f2.

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

CSS codes

.text {color:#aad1f2;}

.background {background-color:#aad1f2;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030a11
```
#030a11 rgb(3,10,17)
```
#051522
```
#051522 rgb(5,21,34)
```
#081f33
```
#081f33 rgb(8,31,51)
```
#0a2a44
```
#0a2a44 rgb(10,42,68)
```
#0d3455
```
#0d3455 rgb(13,52,85)
```
#103e66
```
#103e66 rgb(16,62,102)
```
#124977
```
#124977 rgb(18,73,119)
```
#155388
```
#155388 rgb(21,83,136)
```
#175e99
```
#175e99 rgb(23,94,153)
```
#1a68aa
```
#1a68aa rgb(26,104,170)
```
#1d73bb
```
#1d73bb rgb(29,115,187)
```
#1f7dcc
```
#1f7dcc rgb(31,125,204)
```

Shade Color Variation

#2287dd
```
#2287dd rgb(34,135,221)
```
#3391e0
```
#3391e0 rgb(51,145,224)
```
#449ae2
```
#449ae2 rgb(68,154,226)
```
#55a3e5
```
#55a3e5 rgb(85,163,229)
```
#66ace8
```
#66ace8 rgb(102,172,232)
```
#77b5ea
```
#77b5ea rgb(119,181,234)
```
#88bfed
```
#88bfed rgb(136,191,237)
```
#99c8ef
```
#99c8ef rgb(153,200,239)
```
#aad1f2
```
#aad1f2 rgb(170,209,242)
```
#bbdaf5
```
#bbdaf5 rgb(187,218,245)
```
#cce3f7
```
#cce3f7 rgb(204,227,247)
```
#ddedfa
```
#ddedfa rgb(221,237,250)
```
#eef6fc
```
#eef6fc rgb(238,246,252)
```

Tint Color Variation

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

#ccced0
```
#ccced0 rgb(204,206,208)
```
#c8ced4
```
#c8ced4 rgb(200,206,212)
```
#c4cfd8
```
#c4cfd8 rgb(196,207,216)
```
#c1cfdb
```
#c1cfdb rgb(193,207,219)
```
#bdcfdf
```
#bdcfdf rgb(189,207,223)
```
#b9d0e3
```
#b9d0e3 rgb(185,208,227)
```
#b5d0e7
```
#b5d0e7 rgb(181,208,231)
```
#b2d0ea
```
#b2d0ea rgb(178,208,234)
```
#aed1ee
```
#aed1ee rgb(174,209,238)
```
#aad1f2
```
#aad1f2 rgb(170,209,242)
```
#a6d1f6
```
#a6d1f6 rgb(166,209,246)
```
#a2d2fa
```
#a2d2fa rgb(162,210,250)
```
#9fd2fd
```
#9fd2fd rgb(159,210,253)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c3cbd1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8cdee Protanopia 1% of men
#cdcaf5 Deuteranopia 1% of men
#aad5e5 Tritanopia 0.001% of the population

Trichromacy

#bdcef0 Protanomaly 1% of men, 0.01% of women
#c0cdf4 Deuteranomaly 6% of men, 0.4% of women
#aad4e9 Tritanomaly 0.01% of the population

#aad1f2 hex color

#aad1f2 Color Information

#aad1f2 Color Conversion

Color Schemes with #aad1f2

Alternatives to #aad1f2

#aad1f2 Preview

Shades and Tints of #aad1f2

Tones of #aad1f2

Color Blindness Simulator