#a2d6f2 hex color

In a RGB color space, hex #a2d6f2 is composed of 63.5% red, 83.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 11.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 201 degrees, a saturation of 75.5% and a lightness of 79.2%. #a2d6f2 color hex could be obtained by blending #ffffff with #45ade5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 64
- G 84
- B 95
RGB color chart
- C 33
- M 12
- Y 0
- K 5
CMYK color chart

● #a2d6f2 color description : Very soft blue.

The hexadecimal color #a2d6f2 has RGB values of R:162, G:214, B:242 and CMYK values of C:0.33, M:0.12, Y:0, K:0.05. Its decimal value is 10671858.

Hex triplet	a2d6f2	`#a2d6f2`
RGB Decimal	162, 214, 242	`rgb(162,214,242)`
RGB Percent	63.5, 83.9, 94.9	`rgb(63.5%,83.9%,94.9%)`
CMYK	33, 12, 0, 5
HSL	201°, 75.5, 79.2	`hsl(201,75.5%,79.2%)`
HSV (or HSB)	201°, 33.1, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	83.011, -10.19, -19.123
XYZ	54.97, 62.183, 93.106
xyY	0.261, 0.296, 62.183
CIE-LCH	83.011, 21.669, 241.95
CIE-LUV	83.011, -26.224, -28.745
Hunter-Lab	78.856, -13.568, -14.804
Binary	10100010, 11010110, 11110010

#a2d6f2
```
#a2d6f2 rgb(162,214,242)
```
#f2bea2
```
#f2bea2 rgb(242,190,162)
```

Complementary Color

#a2f2e6
```
#a2f2e6 rgb(162,242,230)
```
#a2d6f2
```
#a2d6f2 rgb(162,214,242)
```
#a2aef2
```
#a2aef2 rgb(162,174,242)
```

Analogous Color

#f2e6a2
```
#f2e6a2 rgb(242,230,162)
```
#a2d6f2
```
#a2d6f2 rgb(162,214,242)
```
#f2a2ae
```
#f2a2ae rgb(242,162,174)
```

Split Complementary Color

#d6f2a2
```
#d6f2a2 rgb(214,242,162)
```
#a2d6f2
```
#a2d6f2 rgb(162,214,242)
```
#f2a2d6
```
#f2a2d6 rgb(242,162,214)
```

Triadic Color

#a2f2be
```
#a2f2be rgb(162,242,190)
```
#a2d6f2
```
#a2d6f2 rgb(162,214,242)
```
#f2a2d6
```
#f2a2d6 rgb(242,162,214)
```
#f2bea2
```
#f2bea2 rgb(242,190,162)
```

Tetradic Color

#5fb8e9
```
#5fb8e9 rgb(95,184,233)
```
#75c2ec
```
#75c2ec rgb(117,194,236)
```
#8cccef
```
#8cccef rgb(140,204,239)
```
#a2d6f2
```
#a2d6f2 rgb(162,214,242)
```
#b8e0f5
```
#b8e0f5 rgb(184,224,245)
```
#cfeaf8
```
#cfeaf8 rgb(207,234,248)
```
#e5f4fb
```
#e5f4fb rgb(229,244,251)
```

Monochromatic Color

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

#a2eaf2
```
#a2eaf2 rgb(162,234,242)
```
#a2e3f2
```
#a2e3f2 rgb(162,227,242)
```
#a2ddf2
```
#a2ddf2 rgb(162,221,242)
```
#a2d6f2
```
#a2d6f2 rgb(162,214,242)
```
#a2cff2
```
#a2cff2 rgb(162,207,242)
```
#a2c9f2
```
#a2c9f2 rgb(162,201,242)
```
#a2c2f2
```
#a2c2f2 rgb(162,194,242)
```

Similar Colors

Text with hexadecimal color #a2d6f2

This text has a font color of #a2d6f2.

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

#a2d6f2 background color

This paragraph has a background color of #a2d6f2.

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

#a2d6f2 border color

This element has a border color of #a2d6f2.

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

CSS codes

.text {color:#a2d6f2;}

.background {background-color:#a2d6f2;}

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

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, #01070a is the darkest color, while #f8fcfe is the lightest one.

#01070a
```
#01070a rgb(1,7,10)
```
#04131b
```
#04131b rgb(4,19,27)
```
#061f2d
```
#061f2d rgb(6,31,45)
```
#092b3e
```
#092b3e rgb(9,43,62)
```
#0b374f
```
#0b374f rgb(11,55,79)
```
#0d4360
```
#0d4360 rgb(13,67,96)
```
#104f72
```
#104f72 rgb(16,79,114)
```
#125b83
```
#125b83 rgb(18,91,131)
```
#156794
```
#156794 rgb(21,103,148)
```
#1773a5
```
#1773a5 rgb(23,115,165)
```
#197fb6
```
#197fb6 rgb(25,127,182)
```
#1c8bc8
```
#1c8bc8 rgb(28,139,200)
```
#1e98d9
```
#1e98d9 rgb(30,152,217)
```

Shade Color Variation

#2aa1e1
```
#2aa1e1 rgb(42,161,225)
```
#3ba8e4
```
#3ba8e4 rgb(59,168,228)
```
#4cb0e6
```
#4cb0e6 rgb(76,176,230)
```
#5db8e8
```
#5db8e8 rgb(93,184,232)
```
#6ebfeb
```
#6ebfeb rgb(110,191,235)
```
#80c7ed
```
#80c7ed rgb(128,199,237)
```
#91cef0
```
#91cef0 rgb(145,206,240)
```
#a2d6f2
```
#a2d6f2 rgb(162,214,242)
```
#b3def4
```
#b3def4 rgb(179,222,244)
```
#c4e5f7
```
#c4e5f7 rgb(196,229,247)
```
#d6edf9
```
#d6edf9 rgb(214,237,249)
```
#e7f4fc
```
#e7f4fc rgb(231,244,252)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

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

#c7cbcd
```
#c7cbcd rgb(199,203,205)
```
#c3ccd1
```
#c3ccd1 rgb(195,204,209)
```
#bfcdd5
```
#bfcdd5 rgb(191,205,213)
```
#bacfda
```
#bacfda rgb(186,207,218)
```
#b6d0de
```
#b6d0de rgb(182,208,222)
```
#b2d1e2
```
#b2d1e2 rgb(178,209,226)
```
#aed2e6
```
#aed2e6 rgb(174,210,230)
```
#aad4ea
```
#aad4ea rgb(170,212,234)
```
#a6d5ee
```
#a6d5ee rgb(166,213,238)
```
#a2d6f2
```
#a2d6f2 rgb(162,214,242)
```
#9ed7f6
```
#9ed7f6 rgb(158,215,246)
```
#9ad8fa
```
#9ad8fa rgb(154,216,250)
```
#96dafe
```
#96dafe rgb(150,218,254)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c2ccd2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcfed Protanopia 1% of men
#d1ccf6 Deuteranopia 1% of men
#a4d9e9 Tritanopia 0.001% of the population

Trichromacy

#bcd1ef Protanomaly 1% of men, 0.01% of women
#c0d0f4 Deuteranomaly 6% of men, 0.4% of women
#a3d8ec Tritanomaly 0.01% of the population

#a2d6f2 hex color

#a2d6f2 Color Information

#a2d6f2 Color Conversion

Color Schemes with #a2d6f2

Alternatives to #a2d6f2

#a2d6f2 Preview

Shades and Tints of #a2d6f2

Tones of #a2d6f2

Color Blindness Simulator