#afc8f3 hex color

In a RGB color space, hex #afc8f3 is composed of 68.6% red, 78.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 17.7% magenta, 0% yellow and 4.7% black. It has a hue angle of 217.9 degrees, a saturation of 73.9% and a lightness of 82%. #afc8f3 color hex could be obtained by blending #ffffff with #5f91e7. Closest websafe color is: #99ccff.

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

● #afc8f3 color description : Very soft blue.

The hexadecimal color #afc8f3 has RGB values of R:175, G:200, B:243 and CMYK values of C:0.28, M:0.18, Y:0, K:0.05. Its decimal value is 11520243.

Hex triplet	afc8f3	`#afc8f3`
RGB Decimal	175, 200, 243	`rgb(175,200,243)`
RGB Percent	68.6, 78.4, 95.3	`rgb(68.6%,78.4%,95.3%)`
CMYK	28, 18, 0, 5
HSL	217.9°, 73.9, 82	`hsl(217.9,73.9%,82%)`
HSV (or HSB)	217.9°, 28, 95.3
Web Safe	99ccff	`#99ccff`

CIE-LAB	80.119, 1.104, -23.968
XYZ	54.508, 56.892, 92.898
xyY	0.267, 0.278, 56.892
CIE-LCH	80.119, 23.994, 272.637
CIE-LUV	80.119, -14.679, -38.351
Hunter-Lab	75.427, -3.003, -20.225
Binary	10101111, 11001000, 11110011

#afc8f3
```
#afc8f3 rgb(175,200,243)
```
#f3daaf
```
#f3daaf rgb(243,218,175)
```

Complementary Color

#afeaf3
```
#afeaf3 rgb(175,234,243)
```
#afc8f3
```
#afc8f3 rgb(175,200,243)
```
#b8aff3
```
#b8aff3 rgb(184,175,243)
```

Analogous Color

#eaf3af
```
#eaf3af rgb(234,243,175)
```
#afc8f3
```
#afc8f3 rgb(175,200,243)
```
#f3b8af
```
#f3b8af rgb(243,184,175)
```

Split Complementary Color

#c8f3af
```
#c8f3af rgb(200,243,175)
```
#afc8f3
```
#afc8f3 rgb(175,200,243)
```
#f3afc8
```
#f3afc8 rgb(243,175,200)
```

Triadic Color

#aff3da
```
#aff3da rgb(175,243,218)
```
#afc8f3
```
#afc8f3 rgb(175,200,243)
```
#f3afc8
```
#f3afc8 rgb(243,175,200)
```
#f3daaf
```
#f3daaf rgb(243,218,175)
```

Tetradic Color

#6c9ae9
```
#6c9ae9 rgb(108,154,233)
```
#83aaec
```
#83aaec rgb(131,170,236)
```
#99b9f0
```
#99b9f0 rgb(153,185,240)
```
#afc8f3
```
#afc8f3 rgb(175,200,243)
```
#c5d7f6
```
#c5d7f6 rgb(197,215,246)
```
#dbe6fa
```
#dbe6fa rgb(219,230,250)
```
#f2f6fd
```
#f2f6fd rgb(242,246,253)
```

Monochromatic Color

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

#afd9f3
```
#afd9f3 rgb(175,217,243)
```
#afd3f3
```
#afd3f3 rgb(175,211,243)
```
#afcef3
```
#afcef3 rgb(175,206,243)
```
#afc8f3
```
#afc8f3 rgb(175,200,243)
```
#afc2f3
```
#afc2f3 rgb(175,194,243)
```
#afbdf3
```
#afbdf3 rgb(175,189,243)
```
#afb7f3
```
#afb7f3 rgb(175,183,243)
```

Similar Colors

Text with hexadecimal color #afc8f3

This text has a font color of #afc8f3.

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

#afc8f3 background color

This paragraph has a background color of #afc8f3.

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

#afc8f3 border color

This element has a border color of #afc8f3.

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

CSS codes

.text {color:#afc8f3;}

.background {background-color:#afc8f3;}

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

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

#010205
```
#010205 rgb(1,2,5)
```
#030a16
```
#030a16 rgb(3,10,22)
```
#061227
```
#061227 rgb(6,18,39)
```
#081a38
```
#081a38 rgb(8,26,56)
```
#0b224a
```
#0b224a rgb(11,34,74)
```
#0e2a5b
```
#0e2a5b rgb(14,42,91)
```
#10326c
```
#10326c rgb(16,50,108)
```
#133a7d
```
#133a7d rgb(19,58,125)
```
#15428e
```
#15428e rgb(21,66,142)
```
#18499f
```
#18499f rgb(24,73,159)
```
#1a51b0
```
#1a51b0 rgb(26,81,176)
```
#1d59c1
```
#1d59c1 rgb(29,89,193)
```
#1f61d2
```
#1f61d2 rgb(31,97,210)
```

Shade Color Variation

#276adf
```
#276adf rgb(39,106,223)
```
#3876e1
```
#3876e1 rgb(56,118,225)
```
#4982e4
```
#4982e4 rgb(73,130,228)
```
#5a8de6
```
#5a8de6 rgb(90,141,230)
```
#6b99e9
```
#6b99e9 rgb(107,153,233)
```
#7ca5eb
```
#7ca5eb rgb(124,165,235)
```
#8db1ee
```
#8db1ee rgb(141,177,238)
```
#9ebcf0
```
#9ebcf0 rgb(158,188,240)
```
#afc8f3
```
#afc8f3 rgb(175,200,243)
```
#c0d4f6
```
#c0d4f6 rgb(192,212,246)
```
#d1dff8
```
#d1dff8 rgb(209,223,248)
```
#e2ebfb
```
#e2ebfb rgb(226,235,251)
```
#f3f7fd
```
#f3f7fd rgb(243,247,253)
```

Tint Color Variation

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

#cfd0d3
```
#cfd0d3 rgb(207,208,211)
```
#cbcfd7
```
#cbcfd7 rgb(203,207,215)
```
#c8cfda
```
#c8cfda rgb(200,207,218)
```
#c4cede
```
#c4cede rgb(196,206,222)
```
#c1cde1
```
#c1cde1 rgb(193,205,225)
```
#bdcce5
```
#bdcce5 rgb(189,204,229)
```
#bacbe8
```
#bacbe8 rgb(186,203,232)
```
#b6caec
```
#b6caec rgb(182,202,236)
```
#b3c9ef
```
#b3c9ef rgb(179,201,239)
```
#afc8f3
```
#afc8f3 rgb(175,200,243)
```
#abc7f7
```
#abc7f7 rgb(171,199,247)
```
#a8c6fa
```
#a8c6fa rgb(168,198,250)
```
#a4c5fe
```
#a4c5fe rgb(164,197,254)
```

Tone Color Variation

Below, you can see how #afc8f3 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
#c1c6ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfc7f1 Protanopia 1% of men
#c4c5f5 Deuteranopia 1% of men
#adcedd Tritanopia 0.001% of the population

Trichromacy

#b9c7f2 Protanomaly 1% of men, 0.01% of women
#bcc6f4 Deuteranomaly 6% of men, 0.4% of women
#aecce5 Tritanomaly 0.01% of the population

#afc8f3 hex color

#afc8f3 Color Information

#afc8f3 Color Conversion

Color Schemes with #afc8f3

Alternatives to #afc8f3

#afc8f3 Preview

Shades and Tints of #afc8f3

Tones of #afc8f3

Color Blindness Simulator