#afddf2 hex color

In a RGB color space, hex #afddf2 is composed of 68.6% red, 86.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 8.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 198.8 degrees, a saturation of 72% and a lightness of 81.8%. #afddf2 color hex could be obtained by blending #ffffff with #5fbbe5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 87
- B 95
RGB color chart
- C 28
- M 9
- Y 0
- K 5
CMYK color chart

● #afddf2 color description : Very soft blue.

The hexadecimal color #afddf2 has RGB values of R:175, G:221, B:242 and CMYK values of C:0.28, M:0.09, Y:0, K:0.05. Its decimal value is 11525618.

Hex triplet	afddf2	`#afddf2`
RGB Decimal	175, 221, 242	`rgb(175,221,242)`
RGB Percent	68.6, 86.7, 94.9	`rgb(68.6%,86.7%,94.9%)`
CMYK	28, 9, 0, 5
HSL	198.8°, 72, 81.8	`hsl(198.8,72%,81.8%)`
HSV (or HSB)	198.8°, 27.7, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	85.623, -10.165, -15.117
XYZ	59.559, 67.236, 93.839
xyY	0.27, 0.305, 67.236
CIE-LCH	85.623, 18.217, 236.082
CIE-LUV	85.623, -23.729, -22.228
Hunter-Lab	81.997, -13.842, -10.454
Binary	10101111, 11011101, 11110010

#afddf2
```
#afddf2 rgb(175,221,242)
```
#f2c4af
```
#f2c4af rgb(242,196,175)
```

Complementary Color

#aff2e6
```
#aff2e6 rgb(175,242,230)
```
#afddf2
```
#afddf2 rgb(175,221,242)
```
#afbcf2
```
#afbcf2 rgb(175,188,242)
```

Analogous Color

#f2e6af
```
#f2e6af rgb(242,230,175)
```
#afddf2
```
#afddf2 rgb(175,221,242)
```
#f2afbc
```
#f2afbc rgb(242,175,188)
```

Split Complementary Color

#ddf2af
```
#ddf2af rgb(221,242,175)
```
#afddf2
```
#afddf2 rgb(175,221,242)
```
#f2afdd
```
#f2afdd rgb(242,175,221)
```

Triadic Color

#aff2c4
```
#aff2c4 rgb(175,242,196)
```
#afddf2
```
#afddf2 rgb(175,221,242)
```
#f2afdd
```
#f2afdd rgb(242,175,221)
```
#f2c4af
```
#f2c4af rgb(242,196,175)
```

Tetradic Color

#6dc1e7
```
#6dc1e7 rgb(109,193,231)
```
#83caeb
```
#83caeb rgb(131,202,235)
```
#99d4ee
```
#99d4ee rgb(153,212,238)
```
#afddf2
```
#afddf2 rgb(175,221,242)
```
#c5e6f6
```
#c5e6f6 rgb(197,230,246)
```
#dbf0f9
```
#dbf0f9 rgb(219,240,249)
```
#f1f9fd
```
#f1f9fd rgb(241,249,253)
```

Monochromatic Color

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

#afeef2
```
#afeef2 rgb(175,238,242)
```
#afe8f2
```
#afe8f2 rgb(175,232,242)
```
#afe3f2
```
#afe3f2 rgb(175,227,242)
```
#afddf2
```
#afddf2 rgb(175,221,242)
```
#afd7f2
```
#afd7f2 rgb(175,215,242)
```
#afd2f2
```
#afd2f2 rgb(175,210,242)
```
#afccf2
```
#afccf2 rgb(175,204,242)
```

Similar Colors

Text with hexadecimal color #afddf2

This text has a font color of #afddf2.

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

#afddf2 background color

This paragraph has a background color of #afddf2.

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

#afddf2 border color

This element has a border color of #afddf2.

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

CSS codes

.text {color:#afddf2;}

.background {background-color:#afddf2;}

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

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

#010304
```
#010304 rgb(1,3,4)
```
#031015
```
#031015 rgb(3,16,21)
```
#061c26
```
#061c26 rgb(6,28,38)
```
#092937
```
#092937 rgb(9,41,55)
```
#0c3548
```
#0c3548 rgb(12,53,72)
```
#0e4159
```
#0e4159 rgb(14,65,89)
```
#114e6a
```
#114e6a rgb(17,78,106)
```
#145a7a
```
#145a7a rgb(20,90,122)
```
#17678b
```
#17678b rgb(23,103,139)
```
#19739c
```
#19739c rgb(25,115,156)
```
#1c80ad
```
#1c80ad rgb(28,128,173)
```
#1f8cbe
```
#1f8cbe rgb(31,140,190)
```
#2299cf
```
#2299cf rgb(34,153,207)
```

Shade Color Variation

#28a4dc
```
#28a4dc rgb(40,164,220)
```
#39abdf
```
#39abdf rgb(57,171,223)
```
#4ab2e2
```
#4ab2e2 rgb(74,178,226)
```
#5bb9e4
```
#5bb9e4 rgb(91,185,228)
```
#6cc0e7
```
#6cc0e7 rgb(108,192,231)
```
#7cc7ea
```
#7cc7ea rgb(124,199,234)
```
#8dcfed
```
#8dcfed rgb(141,207,237)
```
#9ed6ef
```
#9ed6ef rgb(158,214,239)
```
#afddf2
```
#afddf2 rgb(175,221,242)
```
#c0e4f5
```
#c0e4f5 rgb(192,228,245)
```
#d1ebf7
```
#d1ebf7 rgb(209,235,247)
```
#e2f3fa
```
#e2f3fa rgb(226,243,250)
```
#f2fafd
```
#f2fafd rgb(242,250,253)
```

Tint Color Variation

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

#cfd1d2
```
#cfd1d2 rgb(207,209,210)
```
#ccd2d5
```
#ccd2d5 rgb(204,210,213)
```
#c8d4d9
```
#c8d4d9 rgb(200,212,217)
```
#c4d5dd
```
#c4d5dd rgb(196,213,221)
```
#c1d6e0
```
#c1d6e0 rgb(193,214,224)
```
#bdd8e4
```
#bdd8e4 rgb(189,216,228)
```
#bad9e7
```
#bad9e7 rgb(186,217,231)
```
#b6daeb
```
#b6daeb rgb(182,218,235)
```
#b3dcee
```
#b3dcee rgb(179,220,238)
```
#afddf2
```
#afddf2 rgb(175,221,242)
```
#abdef6
```
#abdef6 rgb(171,222,246)
```
#a8e0f9
```
#a8e0f9 rgb(168,224,249)
```
#a4e1fd
```
#a4e1fd rgb(164,225,253)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#cbd4d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d6ed Protanopia 1% of men
#dcd3f6 Deuteranopia 1% of men
#b2dfef Tritanopia 0.001% of the population

Trichromacy

#c7d8ef Protanomaly 1% of men, 0.01% of women
#ccd6f4 Deuteranomaly 6% of men, 0.4% of women
#b1def0 Tritanomaly 0.01% of the population

#afddf2 hex color

#afddf2 Color Information

#afddf2 Color Conversion

Color Schemes with #afddf2

Alternatives to #afddf2

#afddf2 Preview

Shades and Tints of #afddf2

Tones of #afddf2

Color Blindness Simulator