#afd2d3 hex color

In a RGB color space, hex #afd2d3 is composed of 68.6% red, 82.4% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0.5% magenta, 0% yellow and 17.3% black. It has a hue angle of 181.7 degrees, a saturation of 29% and a lightness of 75.7%. #afd2d3 color hex could be obtained by blending #ffffff with #5fa5a7. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 82
- B 83
RGB color chart
- C 17
- M 0
- Y 0
- K 17
CMYK color chart

● #afd2d3 color description : Grayish cyan.

The hexadecimal color #afd2d3 has RGB values of R:175, G:210, B:211 and CMYK values of C:0.17, M:0, Y:0, K:0.17. Its decimal value is 11522771.

Hex triplet	afd2d3	`#afd2d3`
RGB Decimal	175, 210, 211	`rgb(175,210,211)`
RGB Percent	68.6, 82.4, 82.7	`rgb(68.6%,82.4%,82.7%)`
CMYK	17, 0, 0, 17
HSL	181.7°, 29, 75.7	`hsl(181.7,29%,75.7%)`
HSV (or HSB)	181.7°, 17.1, 82.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	81.789, -11.307, -4.36
XYZ	52.481, 59.909, 70.423
xyY	0.287, 0.328, 59.909
CIE-LCH	81.789, 12.119, 201.085
CIE-LUV	81.789, -18.333, -4.762
Hunter-Lab	77.401, -14.421, 0.236
Binary	10101111, 11010010, 11010011

#afd2d3
```
#afd2d3 rgb(175,210,211)
```
#d3b0af
```
#d3b0af rgb(211,176,175)
```

Complementary Color

#afd3c2
```
#afd3c2 rgb(175,211,194)
```
#afd2d3
```
#afd2d3 rgb(175,210,211)
```
#afc0d3
```
#afc0d3 rgb(175,192,211)
```

Analogous Color

#d3c2af
```
#d3c2af rgb(211,194,175)
```
#afd2d3
```
#afd2d3 rgb(175,210,211)
```
#d3afc0
```
#d3afc0 rgb(211,175,192)
```

Split Complementary Color

#d2d3af
```
#d2d3af rgb(210,211,175)
```
#afd2d3
```
#afd2d3 rgb(175,210,211)
```
#d3afd2
```
#d3afd2 rgb(211,175,210)
```

Triadic Color

#afd3b0
```
#afd3b0 rgb(175,211,176)
```
#afd2d3
```
#afd2d3 rgb(175,210,211)
```
#d3afd2
```
#d3afd2 rgb(211,175,210)
```
#d3b0af
```
#d3b0af rgb(211,176,175)
```

Tetradic Color

#7eb6b8
```
#7eb6b8 rgb(126,182,184)
```
#8ebfc1
```
#8ebfc1 rgb(142,191,193)
```
#9fc9ca
```
#9fc9ca rgb(159,201,202)
```
#afd2d3
```
#afd2d3 rgb(175,210,211)
```
#bfdbdc
```
#bfdbdc rgb(191,219,220)
```
#d0e5e5
```
#d0e5e5 rgb(208,229,229)
```
#e0eeee
```
#e0eeee rgb(224,238,238)
```

Monochromatic Color

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

#afd3cb
```
#afd3cb rgb(175,211,203)
```
#afd3ce
```
#afd3ce rgb(175,211,206)
```
#afd3d1
```
#afd3d1 rgb(175,211,209)
```
#afd2d3
```
#afd2d3 rgb(175,210,211)
```
#afcfd3
```
#afcfd3 rgb(175,207,211)
```
#afccd3
```
#afccd3 rgb(175,204,211)
```
#afc9d3
```
#afc9d3 rgb(175,201,211)
```

Similar Colors

Text with hexadecimal color #afd2d3

This text has a font color of #afd2d3.

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

#afd2d3 background color

This paragraph has a background color of #afd2d3.

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

#afd2d3 border color

This element has a border color of #afd2d3.

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

CSS codes

.text {color:#afd2d3;}

.background {background-color:#afd2d3;}

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

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

#050809
```
#050809 rgb(5,8,9)
```
#0c1515
```
#0c1515 rgb(12,21,21)
```
#132122
```
#132122 rgb(19,33,34)
```
#1a2e2f
```
#1a2e2f rgb(26,46,47)
```
#213a3b
```
#213a3b rgb(33,58,59)
```
#284748
```
#284748 rgb(40,71,72)
```
#2e5355
```
#2e5355 rgb(46,83,85)
```
#356061
```
#356061 rgb(53,96,97)
```
#3c6c6e
```
#3c6c6e rgb(60,108,110)
```
#43797a
```
#43797a rgb(67,121,122)
```
#4a8587
```
#4a8587 rgb(74,133,135)
```
#519294
```
#519294 rgb(81,146,148)
```
#589ea0
```
#589ea0 rgb(88,158,160)
```

Shade Color Variation

#63a7a9
```
#63a7a9 rgb(99,167,169)
```
#70aeb0
```
#70aeb0 rgb(112,174,176)
```
#7cb6b7
```
#7cb6b7 rgb(124,182,183)
```
#89bdbe
```
#89bdbe rgb(137,189,190)
```
#96c4c5
```
#96c4c5 rgb(150,196,197)
```
#a2cbcc
```
#a2cbcc rgb(162,203,204)
```
#afd2d3
```
#afd2d3 rgb(175,210,211)
```
#bcd9da
```
#bcd9da rgb(188,217,218)
```
#c8e0e1
```
#c8e0e1 rgb(200,224,225)
```
#d5e7e8
```
#d5e7e8 rgb(213,231,232)
```
#e2eeef
```
#e2eeef rgb(226,238,239)
```
#eef6f6
```
#eef6f6 rgb(238,246,246)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#bdc4c5
```
#bdc4c5 rgb(189,196,197)
```
#b9c9c9
```
#b9c9c9 rgb(185,201,201)
```
#b4cdce
```
#b4cdce rgb(180,205,206)
```
#afd2d3
```
#afd2d3 rgb(175,210,211)
```
#aad7d8
```
#aad7d8 rgb(170,215,216)
```
#a5dbdd
```
#a5dbdd rgb(165,219,221)
```
#a1e0e1
```
#a1e0e1 rgb(161,224,225)
```
#9ce4e6
```
#9ce4e6 rgb(156,228,230)
```
#97e9eb
```
#97e9eb rgb(151,233,235)
```
#92edf0
```
#92edf0 rgb(146,237,240)
```
#8ef2f4
```
#8ef2f4 rgb(142,242,244)
```
#89f6f9
```
#89f6f9 rgb(137,246,249)
```
#84fbfe
```
#84fbfe rgb(132,251,254)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c3caca Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0ccd1 Protanopia 1% of men
#dbc8d9 Deuteranopia 1% of men
#b5d2e1 Tritanopia 0.001% of the population

Trichromacy

#c4ced1 Protanomaly 1% of men, 0.01% of women
#cbcbd6 Deuteranomaly 6% of men, 0.4% of women
#b3d2dc Tritanomaly 0.01% of the population

#afd2d3 hex color

#afd2d3 Color Information

#afd2d3 Color Conversion

Color Schemes with #afd2d3

Alternatives to #afd2d3

#afd2d3 Preview

Shades and Tints of #afd2d3

Tones of #afd2d3

Color Blindness Simulator