#afc3ec hex color

In a RGB color space, hex #afc3ec is composed of 68.6% red, 76.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 17.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 220.3 degrees, a saturation of 61.6% and a lightness of 80.6%. #afc3ec color hex could be obtained by blending #ffffff with #5f87d9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 76
- B 93
RGB color chart
- C 26
- M 17
- Y 0
- K 7
CMYK color chart

● #afc3ec color description : Very soft blue.

The hexadecimal color #afc3ec has RGB values of R:175, G:195, B:236 and CMYK values of C:0.26, M:0.17, Y:0, K:0.07. Its decimal value is 11518956.

Hex triplet	afc3ec	`#afc3ec`
RGB Decimal	175, 195, 236	`rgb(175,195,236)`
RGB Percent	68.6, 76.5, 92.5	`rgb(68.6%,76.5%,92.5%)`
CMYK	26, 17, 0, 7
HSL	220.3°, 61.6, 80.6	`hsl(220.3,61.6%,80.6%)`
HSV (or HSB)	220.3°, 25.8, 92.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	78.578, 2.143, -22.563
XYZ	52.331, 54.199, 87.057
xyY	0.27, 0.28, 54.199
CIE-LCH	78.578, 22.665, 275.426
CIE-LUV	78.578, -12.277, -36.076
Hunter-Lab	73.62, -1.952, -18.577
Binary	10101111, 11000011, 11101100

#afc3ec
```
#afc3ec rgb(175,195,236)
```
#ecd8af
```
#ecd8af rgb(236,216,175)
```

Complementary Color

#afe2ec
```
#afe2ec rgb(175,226,236)
```
#afc3ec
```
#afc3ec rgb(175,195,236)
```
#baafec
```
#baafec rgb(186,175,236)
```

Analogous Color

#e2ecaf
```
#e2ecaf rgb(226,236,175)
```
#afc3ec
```
#afc3ec rgb(175,195,236)
```
#ecbaaf
```
#ecbaaf rgb(236,186,175)
```

Split Complementary Color

#c3ecaf
```
#c3ecaf rgb(195,236,175)
```
#afc3ec
```
#afc3ec rgb(175,195,236)
```
#ecafc3
```
#ecafc3 rgb(236,175,195)
```

Triadic Color

#afecd8
```
#afecd8 rgb(175,236,216)
```
#afc3ec
```
#afc3ec rgb(175,195,236)
```
#ecafc3
```
#ecafc3 rgb(236,175,195)
```
#ecd8af
```
#ecd8af rgb(236,216,175)
```

Tetradic Color

#7195dd
```
#7195dd rgb(113,149,221)
```
#86a4e2
```
#86a4e2 rgb(134,164,226)
```
#9ab4e7
```
#9ab4e7 rgb(154,180,231)
```
#afc3ec
```
#afc3ec rgb(175,195,236)
```
#c4d2f1
```
#c4d2f1 rgb(196,210,241)
```
#d8e2f6
```
#d8e2f6 rgb(216,226,246)
```
#edf1fb
```
#edf1fb rgb(237,241,251)
```

Monochromatic Color

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

#afd2ec
```
#afd2ec rgb(175,210,236)
```
#afcdec
```
#afcdec rgb(175,205,236)
```
#afc8ec
```
#afc8ec rgb(175,200,236)
```
#afc3ec
```
#afc3ec rgb(175,195,236)
```
#afbeec
```
#afbeec rgb(175,190,236)
```
#afb9ec
```
#afb9ec rgb(175,185,236)
```
#afb4ec
```
#afb4ec rgb(175,180,236)
```

Similar Colors

Text with hexadecimal color #afc3ec

This text has a font color of #afc3ec.

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

#afc3ec background color

This paragraph has a background color of #afc3ec.

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

#afc3ec border color

This element has a border color of #afc3ec.

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

CSS codes

.text {color:#afc3ec;}

.background {background-color:#afc3ec;}

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

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, #04070f is the darkest color, while #fefeff is the lightest one.

#04070f
```
#04070f rgb(4,7,15)
```
#070f1f
```
#070f1f rgb(7,15,31)
```
#0b172f
```
#0b172f rgb(11,23,47)
```
#0f1f3f
```
#0f1f3f rgb(15,31,63)
```
#13264f
```
#13264f rgb(19,38,79)
```
#162e5e
```
#162e5e rgb(22,46,94)
```
#1a366e
```
#1a366e rgb(26,54,110)
```
#1e3d7e
```
#1e3d7e rgb(30,61,126)
```
#22458e
```
#22458e rgb(34,69,142)
```
#254d9e
```
#254d9e rgb(37,77,158)
```
#2955ae
```
#2955ae rgb(41,85,174)
```
#2d5cbd
```
#2d5cbd rgb(45,92,189)
```
#3164cd
```
#3164cd rgb(49,100,205)
```

Shade Color Variation

#4070d2
```
#4070d2 rgb(64,112,210)
```
#507cd5
```
#507cd5 rgb(80,124,213)
```
#6088d9
```
#6088d9 rgb(96,136,217)
```
#7093dd
```
#7093dd rgb(112,147,221)
```
#7f9fe1
```
#7f9fe1 rgb(127,159,225)
```
#8fabe4
```
#8fabe4 rgb(143,171,228)
```
#9fb7e8
```
#9fb7e8 rgb(159,183,232)
```
#afc3ec
```
#afc3ec rgb(175,195,236)
```
#bfcff0
```
#bfcff0 rgb(191,207,240)
```
#cfdbf4
```
#cfdbf4 rgb(207,219,244)
```
#dfe7f7
```
#dfe7f7 rgb(223,231,247)
```
#eef3fb
```
#eef3fb rgb(238,243,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#cdcdce
```
#cdcdce rgb(205,205,206)
```
#caccd1
```
#caccd1 rgb(202,204,209)
```
#c6cbd5
```
#c6cbd5 rgb(198,203,213)
```
#c2cad9
```
#c2cad9 rgb(194,202,217)
```
#bec8dd
```
#bec8dd rgb(190,200,221)
```
#bac7e1
```
#bac7e1 rgb(186,199,225)
```
#b7c6e4
```
#b7c6e4 rgb(183,198,228)
```
#b3c4e8
```
#b3c4e8 rgb(179,196,232)
```
#afc3ec
```
#afc3ec rgb(175,195,236)
```
#abc2f0
```
#abc2f0 rgb(171,194,240)
```
#a7c0f4
```
#a7c0f4 rgb(167,192,244)
```
#a4bff7
```
#a4bff7 rgb(164,191,247)
```
#a0befb
```
#a0befb rgb(160,190,251)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#bec2ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc3eb Protanopia 1% of men
#c2c1ee Deuteranopia 1% of men
#aec9d8 Tritanopia 0.001% of the population

Trichromacy

#b7c3eb Protanomaly 1% of men, 0.01% of women
#bbc2ed Deuteranomaly 6% of men, 0.4% of women
#aec7df Tritanomaly 0.01% of the population

#afc3ec hex color

#afc3ec Color Information

#afc3ec Color Conversion

Color Schemes with #afc3ec

Alternatives to #afc3ec

#afc3ec Preview

Shades and Tints of #afc3ec

Tones of #afc3ec

Color Blindness Simulator