#afdfe2 hex color

In a RGB color space, hex #afdfe2 is composed of 68.6% red, 87.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 1.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 183.5 degrees, a saturation of 46.8% and a lightness of 78.6%. #afdfe2 color hex could be obtained by blending #ffffff with #5fbfc5. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 87
- B 89
RGB color chart
- C 23
- M 1
- Y 0
- K 11
CMYK color chart

● #afdfe2 color description : Very soft cyan.

The hexadecimal color #afdfe2 has RGB values of R:175, G:223, B:226 and CMYK values of C:0.23, M:0.01, Y:0, K:0.11. Its decimal value is 11526114.

Hex triplet	afdfe2	`#afdfe2`
RGB Decimal	175, 223, 226	`rgb(175,223,226)`
RGB Percent	68.6, 87.5, 88.6	`rgb(68.6%,87.5%,88.6%)`
CMYK	23, 1, 0, 11
HSL	183.5°, 46.8, 78.6	`hsl(183.5,46.8%,78.6%)`
HSV (or HSB)	183.5°, 22.6, 88.6
Web Safe	99cccc	`#99cccc`

CIE-LAB	85.695, -14.751, -6.558
XYZ	57.791, 67.379, 81.908
xyY	0.279, 0.325, 67.379
CIE-LCH	85.695, 16.143, 203.97
CIE-LUV	85.695, -24.443, -7.695
Hunter-Lab	82.084, -17.976, -1.703
Binary	10101111, 11011111, 11100010

#afdfe2
```
#afdfe2 rgb(175,223,226)
```
#e2b2af
```
#e2b2af rgb(226,178,175)
```

Complementary Color

#afe2cc
```
#afe2cc rgb(175,226,204)
```
#afdfe2
```
#afdfe2 rgb(175,223,226)
```
#afc6e2
```
#afc6e2 rgb(175,198,226)
```

Analogous Color

#e2ccaf
```
#e2ccaf rgb(226,204,175)
```
#afdfe2
```
#afdfe2 rgb(175,223,226)
```
#e2afc6
```
#e2afc6 rgb(226,175,198)
```

Split Complementary Color

#dfe2af
```
#dfe2af rgb(223,226,175)
```
#afdfe2
```
#afdfe2 rgb(175,223,226)
```
#e2afdf
```
#e2afdf rgb(226,175,223)
```

Triadic Color

#afe2b2
```
#afe2b2 rgb(175,226,178)
```
#afdfe2
```
#afdfe2 rgb(175,223,226)
```
#e2afdf
```
#e2afdf rgb(226,175,223)
```
#e2b2af
```
#e2b2af rgb(226,178,175)
```

Tetradic Color

#77c9ce
```
#77c9ce rgb(119,201,206)
```
#8ad0d4
```
#8ad0d4 rgb(138,208,212)
```
#9cd8db
```
#9cd8db rgb(156,216,219)
```
#afdfe2
```
#afdfe2 rgb(175,223,226)
```
#c2e6e9
```
#c2e6e9 rgb(194,230,233)
```
#d4eef0
```
#d4eef0 rgb(212,238,240)
```
#e7f5f6
```
#e7f5f6 rgb(231,245,246)
```

Monochromatic Color

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

#afe2d8
```
#afe2d8 rgb(175,226,216)
```
#afe2dd
```
#afe2dd rgb(175,226,221)
```
#afe2e1
```
#afe2e1 rgb(175,226,225)
```
#afdfe2
```
#afdfe2 rgb(175,223,226)
```
#afdbe2
```
#afdbe2 rgb(175,219,226)
```
#afd7e2
```
#afd7e2 rgb(175,215,226)
```
#afd2e2
```
#afd2e2 rgb(175,210,226)
```

Similar Colors

Text with hexadecimal color #afdfe2

This text has a font color of #afdfe2.

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

#afdfe2 background color

This paragraph has a background color of #afdfe2.

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

#afdfe2 border color

This element has a border color of #afdfe2.

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

CSS codes

.text {color:#afdfe2;}

.background {background-color:#afdfe2;}

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

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

#020606
```
#020606 rgb(2,6,6)
```
#081415
```
#081415 rgb(8,20,21)
```
#0d2223
```
#0d2223 rgb(13,34,35)
```
#123032
```
#123032 rgb(18,48,50)
```
#173e40
```
#173e40 rgb(23,62,64)
```
#1c4b4e
```
#1c4b4e rgb(28,75,78)
```
#22595d
```
#22595d rgb(34,89,93)
```
#27676b
```
#27676b rgb(39,103,107)
```
#2c757a
```
#2c757a rgb(44,117,122)
```
#318388
```
#318388 rgb(49,131,136)
```
#379196
```
#379196 rgb(55,145,150)
```
#3c9fa5
```
#3c9fa5 rgb(60,159,165)
```
#41acb3
```
#41acb3 rgb(65,172,179)
```

Shade Color Variation

#4ab7bd
```
#4ab7bd rgb(74,183,189)
```
#59bcc3
```
#59bcc3 rgb(89,188,195)
```
#67c2c8
```
#67c2c8 rgb(103,194,200)
```
#75c8cd
```
#75c8cd rgb(117,200,205)
```
#84ced2
```
#84ced2 rgb(132,206,210)
```
#92d3d8
```
#92d3d8 rgb(146,211,216)
```
#a1d9dd
```
#a1d9dd rgb(161,217,221)
```
#afdfe2
```
#afdfe2 rgb(175,223,226)
```
#bde5e7
```
#bde5e7 rgb(189,229,231)
```
#ccebec
```
#ccebec rgb(204,235,236)
```
#daf0f2
```
#daf0f2 rgb(218,240,242)
```
#e9f6f7
```
#e9f6f7 rgb(233,246,247)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

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

#c8c9c9
```
#c8c9c9 rgb(200,201,201)
```
#c4cdcd
```
#c4cdcd rgb(196,205,205)
```
#c0d0d1
```
#c0d0d1 rgb(192,208,209)
```
#bcd4d5
```
#bcd4d5 rgb(188,212,213)
```
#b7d8da
```
#b7d8da rgb(183,216,218)
```
#b3dbde
```
#b3dbde rgb(179,219,222)
```
#afdfe2
```
#afdfe2 rgb(175,223,226)
```
#abe3e6
```
#abe3e6 rgb(171,227,230)
```
#a7e6ea
```
#a7e6ea rgb(167,230,234)
```
#a2eaef
```
#a2eaef rgb(162,234,239)
```
#9eeef3
```
#9eeef3 rgb(158,238,243)
```
#9af1f7
```
#9af1f7 rgb(154,241,247)
```
#96f5fb
```
#96f5fb rgb(150,245,251)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#cad4d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dad7de Protanopia 1% of men
#e4d2e8 Deuteranopia 1% of men
#b6deee Tritanopia 0.001% of the population

Trichromacy

#cadadf Protanomaly 1% of men, 0.01% of women
#d1d7e5 Deuteranomaly 6% of men, 0.4% of women
#b3deea Tritanomaly 0.01% of the population

#afdfe2 hex color

#afdfe2 Color Information

#afdfe2 Color Conversion

Color Schemes with #afdfe2

Alternatives to #afdfe2

#afdfe2 Preview

Shades and Tints of #afdfe2

Tones of #afdfe2

Color Blindness Simulator