#afc6f2 hex color

In a RGB color space, hex #afc6f2 is composed of 68.6% red, 77.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 18.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 219.4 degrees, a saturation of 72% and a lightness of 81.8%. #afc6f2 color hex could be obtained by blending #ffffff with #5f8de5. 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

● #afc6f2 color description : Very soft blue.

The hexadecimal color #afc6f2 has RGB values of R:175, G:198, B:242 and CMYK values of C:0.28, M:0.18, Y:0, K:0.05. Its decimal value is 11519730.

Hex triplet	afc6f2	`#afc6f2`
RGB Decimal	175, 198, 242	`rgb(175,198,242)`
RGB Percent	68.6, 77.6, 94.9	`rgb(68.6%,77.6%,94.9%)`
CMYK	28, 18, 0, 5
HSL	219.4°, 72, 81.8	`hsl(219.4,72%,81.8%)`
HSV (or HSB)	219.4°, 27.7, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	79.564, 1.94, -24.28
XYZ	53.897, 55.912, 91.952
xyY	0.267, 0.277, 55.912
CIE-LCH	79.564, 24.357, 274.569
CIE-LUV	79.564, -13.786, -38.961
Hunter-Lab	74.774, -2.192, -20.569
Binary	10101111, 11000110, 11110010

#afc6f2
```
#afc6f2 rgb(175,198,242)
```
#f2dbaf
```
#f2dbaf rgb(242,219,175)
```

Complementary Color

#afe8f2
```
#afe8f2 rgb(175,232,242)
```
#afc6f2
```
#afc6f2 rgb(175,198,242)
```
#baaff2
```
#baaff2 rgb(186,175,242)
```

Analogous Color

#e8f2af
```
#e8f2af rgb(232,242,175)
```
#afc6f2
```
#afc6f2 rgb(175,198,242)
```
#f2baaf
```
#f2baaf rgb(242,186,175)
```

Split Complementary Color

#c6f2af
```
#c6f2af rgb(198,242,175)
```
#afc6f2
```
#afc6f2 rgb(175,198,242)
```
#f2afc6
```
#f2afc6 rgb(242,175,198)
```

Triadic Color

#aff2db
```
#aff2db rgb(175,242,219)
```
#afc6f2
```
#afc6f2 rgb(175,198,242)
```
#f2afc6
```
#f2afc6 rgb(242,175,198)
```
#f2dbaf
```
#f2dbaf rgb(242,219,175)
```

Tetradic Color

#6d97e7
```
#6d97e7 rgb(109,151,231)
```
#83a7eb
```
#83a7eb rgb(131,167,235)
```
#99b6ee
```
#99b6ee rgb(153,182,238)
```
#afc6f2
```
#afc6f2 rgb(175,198,242)
```
#c5d6f6
```
#c5d6f6 rgb(197,214,246)
```
#dbe5f9
```
#dbe5f9 rgb(219,229,249)
```
#f1f5fd
```
#f1f5fd rgb(241,245,253)
```

Monochromatic Color

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

#afd7f2
```
#afd7f2 rgb(175,215,242)
```
#afd1f2
```
#afd1f2 rgb(175,209,242)
```
#afccf2
```
#afccf2 rgb(175,204,242)
```
#afc6f2
```
#afc6f2 rgb(175,198,242)
```
#afc0f2
```
#afc0f2 rgb(175,192,242)
```
#afbbf2
```
#afbbf2 rgb(175,187,242)
```
#afb5f2
```
#afb5f2 rgb(175,181,242)
```

Similar Colors

Text with hexadecimal color #afc6f2

This text has a font color of #afc6f2.

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

#afc6f2 background color

This paragraph has a background color of #afc6f2.

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

#afc6f2 border color

This element has a border color of #afc6f2.

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

CSS codes

.text {color:#afc6f2;}

.background {background-color:#afc6f2;}

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

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

#010204
```
#010204 rgb(1,2,4)
```
#030a15
```
#030a15 rgb(3,10,21)
```
#061126
```
#061126 rgb(6,17,38)
```
#091937
```
#091937 rgb(9,25,55)
```
#0c2048
```
#0c2048 rgb(12,32,72)
```
#0e2859
```
#0e2859 rgb(14,40,89)
```
#11306a
```
#11306a rgb(17,48,106)
```
#14377a
```
#14377a rgb(20,55,122)
```
#173f8b
```
#173f8b rgb(23,63,139)
```
#19469c
```
#19469c rgb(25,70,156)
```
#1c4ead
```
#1c4ead rgb(28,78,173)
```
#1f55be
```
#1f55be rgb(31,85,190)
```
#225dcf
```
#225dcf rgb(34,93,207)
```

Shade Color Variation

#2866dc
```
#2866dc rgb(40,102,220)
```
#3972df
```
#3972df rgb(57,114,223)
```
#4a7ee2
```
#4a7ee2 rgb(74,126,226)
```
#5b8ae4
```
#5b8ae4 rgb(91,138,228)
```
#6c96e7
```
#6c96e7 rgb(108,150,231)
```
#7ca2ea
```
#7ca2ea rgb(124,162,234)
```
#8daeed
```
#8daeed rgb(141,174,237)
```
#9ebaef
```
#9ebaef rgb(158,186,239)
```
#afc6f2
```
#afc6f2 rgb(175,198,242)
```
#c0d2f5
```
#c0d2f5 rgb(192,210,245)
```
#d1def7
```
#d1def7 rgb(209,222,247)
```
#e2eafa
```
#e2eafa rgb(226,234,250)
```
#f2f6fd
```
#f2f6fd rgb(242,246,253)
```

Tint Color Variation

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

#cfd0d2
```
#cfd0d2 rgb(207,208,210)
```
#cccfd5
```
#cccfd5 rgb(204,207,213)
```
#c8ced9
```
#c8ced9 rgb(200,206,217)
```
#c4cddd
```
#c4cddd rgb(196,205,221)
```
#c1cce0
```
#c1cce0 rgb(193,204,224)
```
#bdcae4
```
#bdcae4 rgb(189,202,228)
```
#bac9e7
```
#bac9e7 rgb(186,201,231)
```
#b6c8eb
```
#b6c8eb rgb(182,200,235)
```
#b3c7ee
```
#b3c7ee rgb(179,199,238)
```
#afc6f2
```
#afc6f2 rgb(175,198,242)
```
#abc5f6
```
#abc5f6 rgb(171,197,246)
```
#a8c4f9
```
#a8c4f9 rgb(168,196,249)
```
#a4c3fd
```
#a4c3fd rgb(164,195,253)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c0c4cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc6f1 Protanopia 1% of men
#c2c4f4 Deuteranopia 1% of men
#adcddb Tritanopia 0.001% of the population

Trichromacy

#b8c6f1 Protanomaly 1% of men, 0.01% of women
#bbc5f3 Deuteranomaly 6% of men, 0.4% of women
#adcae3 Tritanomaly 0.01% of the population

#afc6f2 hex color

#afc6f2 Color Information

#afc6f2 Color Conversion

Color Schemes with #afc6f2

Alternatives to #afc6f2

#afc6f2 Preview

Shades and Tints of #afc6f2

Tones of #afc6f2

Color Blindness Simulator