#a2fdf2 hex color

In a RGB color space, hex #a2fdf2 is composed of 63.5% red, 99.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 36% cyan, 0% magenta, 4.3% yellow and 0.8% black. It has a hue angle of 172.7 degrees, a saturation of 95.8% and a lightness of 81.4%. #a2fdf2 color hex could be obtained by blending #ffffff with #45fbe5. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 64
- G 99
- B 95
RGB color chart
- C 36
- M 0
- Y 4
- K 1
CMYK color chart

● #a2fdf2 color description : Very soft cyan.

The hexadecimal color #a2fdf2 has RGB values of R:162, G:253, B:242 and CMYK values of C:0.36, M:0, Y:0.04, K:0.01. Its decimal value is 10681842.

Hex triplet	a2fdf2	`#a2fdf2`
RGB Decimal	162, 253, 242	`rgb(162,253,242)`
RGB Percent	63.5, 99.2, 94.9	`rgb(63.5%,99.2%,94.9%)`
CMYK	36, 0, 4, 1
HSL	172.7°, 95.8, 81.4	`hsl(172.7,95.8%,81.4%)`
HSV (or HSB)	172.7°, 36, 99.2
Web Safe	99ffff	`#99ffff`

CIE-LAB	93.598, -29.533, -3.347
XYZ	66.048, 84.339, 96.798
xyY	0.267, 0.341, 84.339
CIE-LCH	93.598, 29.722, 186.466
CIE-LUV	93.598, -42.48, -0.277
Hunter-Lab	91.836, -32.338, 1.792
Binary	10100010, 11111101, 11110010

#a2fdf2
```
#a2fdf2 rgb(162,253,242)
```
#fda2ad
```
#fda2ad rgb(253,162,173)
```

Complementary Color

#a2fdc5
```
#a2fdc5 rgb(162,253,197)
```
#a2fdf2
```
#a2fdf2 rgb(162,253,242)
```
#a2dbfd
```
#a2dbfd rgb(162,219,253)
```

Analogous Color

#fdc5a2
```
#fdc5a2 rgb(253,197,162)
```
#a2fdf2
```
#a2fdf2 rgb(162,253,242)
```
#fda2db
```
#fda2db rgb(253,162,219)
```

Split Complementary Color

#fdf2a2
```
#fdf2a2 rgb(253,242,162)
```
#a2fdf2
```
#a2fdf2 rgb(162,253,242)
```
#f2a2fd
```
#f2a2fd rgb(242,162,253)
```

Triadic Color

#adfda2
```
#adfda2 rgb(173,253,162)
```
#a2fdf2
```
#a2fdf2 rgb(162,253,242)
```
#f2a2fd
```
#f2a2fd rgb(242,162,253)
```
#fda2ad
```
#fda2ad rgb(253,162,173)
```

Tetradic Color

#57fbe8
```
#57fbe8 rgb(87,251,232)
```
#70fceb
```
#70fceb rgb(112,252,235)
```
#89fcef
```
#89fcef rgb(137,252,239)
```
#a2fdf2
```
#a2fdf2 rgb(162,253,242)
```
#bbfef5
```
#bbfef5 rgb(187,254,245)
```
#d4fef9
```
#d4fef9 rgb(212,254,249)
```
#edfffc
```
#edfffc rgb(237,255,252)
```

Monochromatic Color

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

#a2fddb
```
#a2fddb rgb(162,253,219)
```
#a2fde3
```
#a2fde3 rgb(162,253,227)
```
#a2fdea
```
#a2fdea rgb(162,253,234)
```
#a2fdf2
```
#a2fdf2 rgb(162,253,242)
```
#a2fdfa
```
#a2fdfa rgb(162,253,250)
```
#a2f9fd
```
#a2f9fd rgb(162,249,253)
```
#a2f1fd
```
#a2f1fd rgb(162,241,253)
```

Similar Colors

Text with hexadecimal color #a2fdf2

This text has a font color of #a2fdf2.

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

#a2fdf2 background color

This paragraph has a background color of #a2fdf2.

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

#a2fdf2 border color

This element has a border color of #a2fdf2.

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

CSS codes

.text {color:#a2fdf2;}

.background {background-color:#a2fdf2;}

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001614
```
#001614 rgb(0,22,20)
```
#012925
```
#012925 rgb(1,41,37)
```
#013d35
```
#013d35 rgb(1,61,53)
```
#025046
```
#025046 rgb(2,80,70)
```
#026357
```
#026357 rgb(2,99,87)
```
#037668
```
#037668 rgb(3,118,104)
```
#038979
```
#038979 rgb(3,137,121)
```
#039d8a
```
#039d8a rgb(3,157,138)
```
#04b09b
```
#04b09b rgb(4,176,155)
```
#04c3ac
```
#04c3ac rgb(4,195,172)
```
#05d6bd
```
#05d6bd rgb(5,214,189)
```
#05e9ce
```
#05e9ce rgb(5,233,206)
```

Shade Color Variation

#08fadd
```
#08fadd rgb(8,250,221)
```
#1cfadf
```
#1cfadf rgb(28,250,223)
```
#2ffbe2
```
#2ffbe2 rgb(47,251,226)
```
#42fbe5
```
#42fbe5 rgb(66,251,229)
```
#55fbe7
```
#55fbe7 rgb(85,251,231)
```
#68fcea
```
#68fcea rgb(104,252,234)
```
#7cfced
```
#7cfced rgb(124,252,237)
```
#8ffdef
```
#8ffdef rgb(143,253,239)
```
#a2fdf2
```
#a2fdf2 rgb(162,253,242)
```
#b5fdf5
```
#b5fdf5 rgb(181,253,245)
```
#c8fef7
```
#c8fef7 rgb(200,254,247)
```
#dcfefa
```
#dcfefa rgb(220,254,250)
```
#effffd
```
#effffd rgb(239,255,253)
```

Tint Color Variation

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

#ced1d1
```
#ced1d1 rgb(206,209,209)
```
#cad5d4
```
#cad5d4 rgb(202,213,212)
```
#c7d8d6
```
#c7d8d6 rgb(199,216,214)
```
#c3dcd9
```
#c3dcd9 rgb(195,220,217)
```
#bfe0dc
```
#bfe0dc rgb(191,224,220)
```
#bce3df
```
#bce3df rgb(188,227,223)
```
#b8e7e1
```
#b8e7e1 rgb(184,231,225)
```
#b4ebe4
```
#b4ebe4 rgb(180,235,228)
```
#b1eee7
```
#b1eee7 rgb(177,238,231)
```
#adf2ea
```
#adf2ea rgb(173,242,234)
```
#a9f6ec
```
#a9f6ec rgb(169,246,236)
```
#a6f9ef
```
#a6f9ef rgb(166,249,239)
```
#a2fdf2
```
#a2fdf2 rgb(162,253,242)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#d4e7e4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2ece9 Protanopia 1% of men
#fde7fa Deuteranopia 1% of men
#cdf4ff Tritanopia 0.001% of the population

Trichromacy

#d5f2ec Protanomaly 1% of men, 0.01% of women
#dceff7 Deuteranomaly 6% of men, 0.4% of women
#bdf7fa Tritanomaly 0.01% of the population

#a2fdf2 hex color

#a2fdf2 Color Information

#a2fdf2 Color Conversion

Color Schemes with #a2fdf2

Alternatives to #a2fdf2

#a2fdf2 Preview

Shades and Tints of #a2fdf2

Tones of #a2fdf2

Color Blindness Simulator