#afdef2 hex color

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

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

● #afdef2 color description : Very soft blue.

The hexadecimal color #afdef2 has RGB values of R:175, G:222, B:242 and CMYK values of C:0.28, M:0.08, Y:0, K:0.05. Its decimal value is 11525874.

Hex triplet	afdef2	`#afdef2`
RGB Decimal	175, 222, 242	`rgb(175,222,242)`
RGB Percent	68.6, 87.1, 94.9	`rgb(68.6%,87.1%,94.9%)`
CMYK	28, 8, 0, 5
HSL	197.9°, 72, 81.8	`hsl(197.9,72%,81.8%)`
HSV (or HSB)	197.9°, 27.7, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	85.889, -10.679, -14.718
XYZ	59.824, 67.765, 93.927
xyY	0.27, 0.306, 67.765
CIE-LCH	85.889, 18.184, 234.036
CIE-LUV	85.889, -24.162, -21.502
Hunter-Lab	82.32, -14.339, -10.027
Binary	10101111, 11011110, 11110010

#afdef2
```
#afdef2 rgb(175,222,242)
```
#f2c3af
```
#f2c3af rgb(242,195,175)
```

Complementary Color

#aff2e5
```
#aff2e5 rgb(175,242,229)
```
#afdef2
```
#afdef2 rgb(175,222,242)
```
#afbdf2
```
#afbdf2 rgb(175,189,242)
```

Analogous Color

#f2e5af
```
#f2e5af rgb(242,229,175)
```
#afdef2
```
#afdef2 rgb(175,222,242)
```
#f2afbd
```
#f2afbd rgb(242,175,189)
```

Split Complementary Color

#def2af
```
#def2af rgb(222,242,175)
```
#afdef2
```
#afdef2 rgb(175,222,242)
```
#f2afde
```
#f2afde rgb(242,175,222)
```

Triadic Color

#aff2c3
```
#aff2c3 rgb(175,242,195)
```
#afdef2
```
#afdef2 rgb(175,222,242)
```
#f2afde
```
#f2afde rgb(242,175,222)
```
#f2c3af
```
#f2c3af rgb(242,195,175)
```

Tetradic Color

#6dc3e7
```
#6dc3e7 rgb(109,195,231)
```
#83cceb
```
#83cceb rgb(131,204,235)
```
#99d5ee
```
#99d5ee rgb(153,213,238)
```
#afdef2
```
#afdef2 rgb(175,222,242)
```
#c5e7f6
```
#c5e7f6 rgb(197,231,246)
```
#dbf0f9
```
#dbf0f9 rgb(219,240,249)
```
#f1f9fd
```
#f1f9fd rgb(241,249,253)
```

Monochromatic Color

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

#afeff2
```
#afeff2 rgb(175,239,242)
```
#afe9f2
```
#afe9f2 rgb(175,233,242)
```
#afe4f2
```
#afe4f2 rgb(175,228,242)
```
#afdef2
```
#afdef2 rgb(175,222,242)
```
#afd8f2
```
#afd8f2 rgb(175,216,242)
```
#afd3f2
```
#afd3f2 rgb(175,211,242)
```
#afcdf2
```
#afcdf2 rgb(175,205,242)
```

Similar Colors

Text with hexadecimal color #afdef2

This text has a font color of #afdef2.

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

#afdef2 background color

This paragraph has a background color of #afdef2.

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

#afdef2 border color

This element has a border color of #afdef2.

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

CSS codes

.text {color:#afdef2;}

.background {background-color:#afdef2;}

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

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)
```
#061d26
```
#061d26 rgb(6,29,38)
```
#092937
```
#092937 rgb(9,41,55)
```
#0c3648
```
#0c3648 rgb(12,54,72)
```
#0e4359
```
#0e4359 rgb(14,67,89)
```
#114f6a
```
#114f6a rgb(17,79,106)
```
#145c7a
```
#145c7a rgb(20,92,122)
```
#17698b
```
#17698b rgb(23,105,139)
```
#19759c
```
#19759c rgb(25,117,156)
```
#1c82ad
```
#1c82ad rgb(28,130,173)
```
#1f8ebe
```
#1f8ebe rgb(31,142,190)
```
#229bcf
```
#229bcf rgb(34,155,207)
```

Shade Color Variation

#28a6dc
```
#28a6dc rgb(40,166,220)
```
#39addf
```
#39addf rgb(57,173,223)
```
#4ab4e2
```
#4ab4e2 rgb(74,180,226)
```
#5bbbe4
```
#5bbbe4 rgb(91,187,228)
```
#6cc2e7
```
#6cc2e7 rgb(108,194,231)
```
#7cc9ea
```
#7cc9ea rgb(124,201,234)
```
#8dd0ed
```
#8dd0ed rgb(141,208,237)
```
#9ed7ef
```
#9ed7ef rgb(158,215,239)
```
#afdef2
```
#afdef2 rgb(175,222,242)
```
#c0e5f5
```
#c0e5f5 rgb(192,229,245)
```
#d1ecf7
```
#d1ecf7 rgb(209,236,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 #a4e2fd 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)
```
#c1d7e0
```
#c1d7e0 rgb(193,215,224)
```
#bdd8e4
```
#bdd8e4 rgb(189,216,228)
```
#badae7
```
#badae7 rgb(186,218,231)
```
#b6dbeb
```
#b6dbeb rgb(182,219,235)
```
#b3ddee
```
#b3ddee rgb(179,221,238)
```
#afdef2
```
#afdef2 rgb(175,222,242)
```
#abdff6
```
#abdff6 rgb(171,223,246)
```
#a8e1f9
```
#a8e1f9 rgb(168,225,249)
```
#a4e2fd
```
#a4e2fd rgb(164,226,253)
```

Tone Color Variation

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

#d5d7ed Protanopia 1% of men
#ddd3f6 Deuteranopia 1% of men
#b2e0f0 Tritanopia 0.001% of the population

Trichromacy

#c7d9ef Protanomaly 1% of men, 0.01% of women
#ccd7f5 Deuteranomaly 6% of men, 0.4% of women
#b1dff0 Tritanomaly 0.01% of the population

#afdef2 hex color

#afdef2 Color Information

#afdef2 Color Conversion

Color Schemes with #afdef2

Alternatives to #afdef2

#afdef2 Preview

Shades and Tints of #afdef2

Tones of #afdef2

Color Blindness Simulator