#afcdd6 hex color

In a RGB color space, hex #afcdd6 is composed of 68.6% red, 80.4% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 4.2% magenta, 0% yellow and 16.1% black. It has a hue angle of 193.8 degrees, a saturation of 32.2% and a lightness of 76.3%. #afcdd6 color hex could be obtained by blending #ffffff with #5f9bad. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 80
- B 84
RGB color chart
- C 18
- M 4
- Y 0
- K 16
CMYK color chart

● #afcdd6 color description : Grayish cyan.

The hexadecimal color #afcdd6 has RGB values of R:175, G:205, B:214 and CMYK values of C:0.18, M:0.04, Y:0, K:0.16. Its decimal value is 11521494.

Hex triplet	afcdd6	`#afcdd6`
RGB Decimal	175, 205, 214	`rgb(175,205,214)`
RGB Percent	68.6, 80.4, 83.9	`rgb(68.6%,80.4%,83.9%)`
CMYK	18, 4, 0, 16
HSL	193.8°, 32.2, 76.3	`hsl(193.8,32.2%,76.3%)`
HSV (or HSB)	193.8°, 18.2, 83.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.533, -8.083, -7.82
XYZ	51.645, 57.631, 72.017
xyY	0.285, 0.318, 57.631
CIE-LCH	80.533, 11.247, 224.054
CIE-LUV	80.533, -16.094, -10.685
Hunter-Lab	75.915, -11.416, -3.106
Binary	10101111, 11001101, 11010110

#afcdd6
```
#afcdd6 rgb(175,205,214)
```
#d6b8af
```
#d6b8af rgb(214,184,175)
```

Complementary Color

#afd6cc
```
#afd6cc rgb(175,214,204)
```
#afcdd6
```
#afcdd6 rgb(175,205,214)
```
#afbad6
```
#afbad6 rgb(175,186,214)
```

Analogous Color

#d6ccaf
```
#d6ccaf rgb(214,204,175)
```
#afcdd6
```
#afcdd6 rgb(175,205,214)
```
#d6afba
```
#d6afba rgb(214,175,186)
```

Split Complementary Color

#cdd6af
```
#cdd6af rgb(205,214,175)
```
#afcdd6
```
#afcdd6 rgb(175,205,214)
```
#d6afcd
```
#d6afcd rgb(214,175,205)
```

Triadic Color

#afd6b8
```
#afd6b8 rgb(175,214,184)
```
#afcdd6
```
#afcdd6 rgb(175,205,214)
```
#d6afcd
```
#d6afcd rgb(214,175,205)
```
#d6b8af
```
#d6b8af rgb(214,184,175)
```

Tetradic Color

#7cadbc
```
#7cadbc rgb(124,173,188)
```
#8db8c5
```
#8db8c5 rgb(141,184,197)
```
#9ec2cd
```
#9ec2cd rgb(158,194,205)
```
#afcdd6
```
#afcdd6 rgb(175,205,214)
```
#c0d8df
```
#c0d8df rgb(192,216,223)
```
#d1e2e7
```
#d1e2e7 rgb(209,226,231)
```
#e2edf0
```
#e2edf0 rgb(226,237,240)
```

Monochromatic Color

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

#afd6d5
```
#afd6d5 rgb(175,214,213)
```
#afd4d6
```
#afd4d6 rgb(175,212,214)
```
#afd0d6
```
#afd0d6 rgb(175,208,214)
```
#afcdd6
```
#afcdd6 rgb(175,205,214)
```
#afcad6
```
#afcad6 rgb(175,202,214)
```
#afc7d6
```
#afc7d6 rgb(175,199,214)
```
#afc3d6
```
#afc3d6 rgb(175,195,214)
```

Similar Colors

Text with hexadecimal color #afcdd6

This text has a font color of #afcdd6.

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

#afcdd6 background color

This paragraph has a background color of #afcdd6.

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

#afcdd6 border color

This element has a border color of #afcdd6.

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

CSS codes

.text {color:#afcdd6;}

.background {background-color:#afcdd6;}

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

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, #060a0b is the darkest color, while #fdfefe is the lightest one.

#060a0b
```
#060a0b rgb(6,10,11)
```
#0c1518
```
#0c1518 rgb(12,21,24)
```
#132125
```
#132125 rgb(19,33,37)
```
#192c32
```
#192c32 rgb(25,44,50)
```
#20383f
```
#20383f rgb(32,56,63)
```
#27434c
```
#27434c rgb(39,67,76)
```
#2d4f59
```
#2d4f59 rgb(45,79,89)
```
#345a66
```
#345a66 rgb(52,90,102)
```
#3b6673
```
#3b6673 rgb(59,102,115)
```
#417180
```
#417180 rgb(65,113,128)
```
#487d8c
```
#487d8c rgb(72,125,140)
```
#4f8899
```
#4f8899 rgb(79,136,153)
```
#5594a6
```
#5594a6 rgb(85,148,166)
```

Shade Color Variation

#619cae
```
#619cae rgb(97,156,174)
```
#6ea4b5
```
#6ea4b5 rgb(110,164,181)
```
#7badbb
```
#7badbb rgb(123,173,187)
```
#88b5c2
```
#88b5c2 rgb(136,181,194)
```
#95bdc9
```
#95bdc9 rgb(149,189,201)
```
#a2c5cf
```
#a2c5cf rgb(162,197,207)
```
#afcdd6
```
#afcdd6 rgb(175,205,214)
```
#bcd5dd
```
#bcd5dd rgb(188,213,221)
```
#c9dde3
```
#c9dde3 rgb(201,221,227)
```
#d6e5ea
```
#d6e5ea rgb(214,229,234)
```
#e3edf1
```
#e3edf1 rgb(227,237,241)
```
#f0f6f7
```
#f0f6f7 rgb(240,246,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#c2c3c3
```
#c2c3c3 rgb(194,195,195)
```
#bdc5c8
```
#bdc5c8 rgb(189,197,200)
```
#b8c8cd
```
#b8c8cd rgb(184,200,205)
```
#b4cad1
```
#b4cad1 rgb(180,202,209)
```
#afcdd6
```
#afcdd6 rgb(175,205,214)
```
#aad0db
```
#aad0db rgb(170,208,219)
```
#a6d2df
```
#a6d2df rgb(166,210,223)
```
#a1d5e4
```
#a1d5e4 rgb(161,213,228)
```
#9cd7e9
```
#9cd7e9 rgb(156,215,233)
```
#98daed
```
#98daed rgb(152,218,237)
```
#93dcf2
```
#93dcf2 rgb(147,220,242)
```
#8edff7
```
#8edff7 rgb(142,223,247)
```
#8ae1fb
```
#8ae1fb rgb(138,225,251)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c1c7c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac9d4 Protanopia 1% of men
#d5c5db Deuteranopia 1% of men
#b4cedd Tritanopia 0.001% of the population

Trichromacy

#c0cad5 Protanomaly 1% of men, 0.01% of women
#c7c8d9 Deuteranomaly 6% of men, 0.4% of women
#b2ceda Tritanomaly 0.01% of the population

#afcdd6 hex color

#afcdd6 Color Information

#afcdd6 Color Conversion

Color Schemes with #afcdd6

Alternatives to #afcdd6

#afcdd6 Preview

Shades and Tints of #afcdd6

Tones of #afcdd6

Color Blindness Simulator