#a2dffa hex color

In a RGB color space, hex #a2dffa is composed of 63.5% red, 87.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 35.2% cyan, 10.8% magenta, 0% yellow and 2% black. It has a hue angle of 198.4 degrees, a saturation of 89.8% and a lightness of 80.8%. #a2dffa color hex could be obtained by blending #ffffff with #45bff5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 64
- G 87
- B 98
RGB color chart
- C 35
- M 11
- Y 0
- K 2
CMYK color chart

● #a2dffa color description : Very soft blue.

The hexadecimal color #a2dffa has RGB values of R:162, G:223, B:250 and CMYK values of C:0.35, M:0.11, Y:0, K:0.02. Its decimal value is 10674170.

Hex triplet	a2dffa	`#a2dffa`
RGB Decimal	162, 223, 250	`rgb(162,223,250)`
RGB Percent	63.5, 87.5, 98	`rgb(63.5%,87.5%,98%)`
CMYK	35, 11, 0, 2
HSL	198.4°, 89.8, 80.8	`hsl(198.4,89.8%,80.8%)`
HSV (or HSB)	198.4°, 35.2, 98
Web Safe	99ccff	`#99ccff`

CIE-LAB	85.684, -12.883, -19.319
XYZ	58.539, 67.356, 100.354
xyY	0.259, 0.298, 67.356
CIE-LCH	85.684, 23.22, 236.302
CIE-LUV	85.684, -29.981, -28.774
Hunter-Lab	82.071, -16.305, -15.048
Binary	10100010, 11011111, 11111010

#a2dffa
```
#a2dffa rgb(162,223,250)
```
#fabda2
```
#fabda2 rgb(250,189,162)
```

Complementary Color

#a2fae9
```
#a2fae9 rgb(162,250,233)
```
#a2dffa
```
#a2dffa rgb(162,223,250)
```
#a2b3fa
```
#a2b3fa rgb(162,179,250)
```

Analogous Color

#fae9a2
```
#fae9a2 rgb(250,233,162)
```
#a2dffa
```
#a2dffa rgb(162,223,250)
```
#faa2b3
```
#faa2b3 rgb(250,162,179)
```

Split Complementary Color

#dffaa2
```
#dffaa2 rgb(223,250,162)
```
#a2dffa
```
#a2dffa rgb(162,223,250)
```
#faa2df
```
#faa2df rgb(250,162,223)
```

Triadic Color

#a2fabd
```
#a2fabd rgb(162,250,189)
```
#a2dffa
```
#a2dffa rgb(162,223,250)
```
#faa2df
```
#faa2df rgb(250,162,223)
```
#fabda2
```
#fabda2 rgb(250,189,162)
```

Tetradic Color

#59c6f6
```
#59c6f6 rgb(89,198,246)
```
#72cef7
```
#72cef7 rgb(114,206,247)
```
#8ad7f9
```
#8ad7f9 rgb(138,215,249)
```
#a2dffa
```
#a2dffa rgb(162,223,250)
```
#bae7fb
```
#bae7fb rgb(186,231,251)
```
#d2f0fd
```
#d2f0fd rgb(210,240,253)
```
#ebf8fe
```
#ebf8fe rgb(235,248,254)
```

Monochromatic Color

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

#a2f5fa
```
#a2f5fa rgb(162,245,250)
```
#a2eefa
```
#a2eefa rgb(162,238,250)
```
#a2e6fa
```
#a2e6fa rgb(162,230,250)
```
#a2dffa
```
#a2dffa rgb(162,223,250)
```
#a2d8fa
```
#a2d8fa rgb(162,216,250)
```
#a2d0fa
```
#a2d0fa rgb(162,208,250)
```
#a2c9fa
```
#a2c9fa rgb(162,201,250)
```

Similar Colors

Text with hexadecimal color #a2dffa

This text has a font color of #a2dffa.

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

#a2dffa background color

This paragraph has a background color of #a2dffa.

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

#a2dffa border color

This element has a border color of #a2dffa.

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

CSS codes

.text {color:#a2dffa;}

.background {background-color:#a2dffa;}

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

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 #ecf9fe is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#010d13
```
#010d13 rgb(1,13,19)
```
#021a25
```
#021a25 rgb(2,26,37)
```
#032838
```
#032838 rgb(3,40,56)
```
#04354b
```
#04354b rgb(4,53,75)
```
#05425d
```
#05425d rgb(5,66,93)
```
#064f70
```
#064f70 rgb(6,79,112)
```
#075d82
```
#075d82 rgb(7,93,130)
```
#086a95
```
#086a95 rgb(8,106,149)
```
#0977a8
```
#0977a8 rgb(9,119,168)
```
#0a84ba
```
#0a84ba rgb(10,132,186)
```
#0b91cd
```
#0b91cd rgb(11,145,205)
```
#0c9fdf
```
#0c9fdf rgb(12,159,223)
```

Shade Color Variation

#0dacf2
```
#0dacf2 rgb(13,172,242)
```
#20b2f3
```
#20b2f3 rgb(32,178,243)
```
#32b9f4
```
#32b9f4 rgb(50,185,244)
```
#45bff5
```
#45bff5 rgb(69,191,245)
```
#58c5f6
```
#58c5f6 rgb(88,197,246)
```
#6accf7
```
#6accf7 rgb(106,204,247)
```
#7dd2f8
```
#7dd2f8 rgb(125,210,248)
```
#8fd9f9
```
#8fd9f9 rgb(143,217,249)
```
#a2dffa
```
#a2dffa rgb(162,223,250)
```
#b5e5fb
```
#b5e5fb rgb(181,229,251)
```
#c7ecfc
```
#c7ecfc rgb(199,236,252)
```
#daf2fd
```
#daf2fd rgb(218,242,253)
```
#ecf9fe
```
#ecf9fe rgb(236,249,254)
```

Tint Color Variation

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

#cbcfd1
```
#cbcfd1 rgb(203,207,209)
```
#c8d0d4
```
#c8d0d4 rgb(200,208,212)
```
#c4d2d8
```
#c4d2d8 rgb(196,210,216)
```
#c0d3dc
```
#c0d3dc rgb(192,211,220)
```
#bcd5e0
```
#bcd5e0 rgb(188,213,224)
```
#b9d6e3
```
#b9d6e3 rgb(185,214,227)
```
#b5d8e7
```
#b5d8e7 rgb(181,216,231)
```
#b1d9eb
```
#b1d9eb rgb(177,217,235)
```
#addbef
```
#addbef rgb(173,219,239)
```
#aadcf2
```
#aadcf2 rgb(170,220,242)
```
#a6def6
```
#a6def6 rgb(166,222,246)
```
#a2dffa
```
#a2dffa rgb(162,223,250)
```
#9ee0fe
```
#9ee0fe rgb(158,224,254)
```

Tone Color Variation

Below, you can see how #a2dffa 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
#c7d3d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d6f4 Protanopia 1% of men
#d8d3fe Deuteranopia 1% of men
#a4e2f2 Tritanopia 0.001% of the population

Trichromacy

#c1d9f6 Protanomaly 1% of men, 0.01% of women
#c4d7fd Deuteranomaly 6% of men, 0.4% of women
#a3e0f5 Tritanomaly 0.01% of the population

#a2dffa hex color

#a2dffa Color Information

#a2dffa Color Conversion

Color Schemes with #a2dffa

Alternatives to #a2dffa

#a2dffa Preview

Shades and Tints of #a2dffa

Tones of #a2dffa

Color Blindness Simulator