#afc3f2 hex color

In a RGB color space, hex #afc3f2 is composed of 68.6% red, 76.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 19.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 222.1 degrees, a saturation of 72% and a lightness of 81.8%. #afc3f2 color hex could be obtained by blending #ffffff with #5f87e5. Closest websafe color is: #99ccff.

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

● #afc3f2 color description : Very soft blue.

The hexadecimal color #afc3f2 has RGB values of R:175, G:195, B:242 and CMYK values of C:0.28, M:0.19, Y:0, K:0.05. Its decimal value is 11518962.

Hex triplet	afc3f2	`#afc3f2`
RGB Decimal	175, 195, 242	`rgb(175,195,242)`
RGB Percent	68.6, 76.5, 94.9	`rgb(68.6%,76.5%,94.9%)`
CMYK	28, 19, 0, 5
HSL	222.1°, 72, 81.8	`hsl(222.1,72%,81.8%)`
HSV (or HSB)	222.1°, 27.7, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	78.784, 3.557, -25.469
XYZ	53.218, 54.554, 91.726
xyY	0.267, 0.273, 54.554
CIE-LCH	78.784, 25.716, 277.951
CIE-LUV	78.784, -12.496, -41.137
Hunter-Lab	73.861, -0.643, -21.928
Binary	10101111, 11000011, 11110010

#afc3f2
```
#afc3f2 rgb(175,195,242)
```
#f2deaf
```
#f2deaf rgb(242,222,175)
```

Complementary Color

#afe5f2
```
#afe5f2 rgb(175,229,242)
```
#afc3f2
```
#afc3f2 rgb(175,195,242)
```
#bdaff2
```
#bdaff2 rgb(189,175,242)
```

Analogous Color

#e5f2af
```
#e5f2af rgb(229,242,175)
```
#afc3f2
```
#afc3f2 rgb(175,195,242)
```
#f2bdaf
```
#f2bdaf rgb(242,189,175)
```

Split Complementary Color

#c3f2af
```
#c3f2af rgb(195,242,175)
```
#afc3f2
```
#afc3f2 rgb(175,195,242)
```
#f2afc3
```
#f2afc3 rgb(242,175,195)
```

Triadic Color

#aff2de
```
#aff2de rgb(175,242,222)
```
#afc3f2
```
#afc3f2 rgb(175,195,242)
```
#f2afc3
```
#f2afc3 rgb(242,175,195)
```
#f2deaf
```
#f2deaf rgb(242,222,175)
```

Tetradic Color

#6d92e7
```
#6d92e7 rgb(109,146,231)
```
#83a2eb
```
#83a2eb rgb(131,162,235)
```
#99b3ee
```
#99b3ee rgb(153,179,238)
```
#afc3f2
```
#afc3f2 rgb(175,195,242)
```
#c5d3f6
```
#c5d3f6 rgb(197,211,246)
```
#dbe4f9
```
#dbe4f9 rgb(219,228,249)
```
#f1f4fd
```
#f1f4fd rgb(241,244,253)
```

Monochromatic Color

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

#afd4f2
```
#afd4f2 rgb(175,212,242)
```
#afcef2
```
#afcef2 rgb(175,206,242)
```
#afc9f2
```
#afc9f2 rgb(175,201,242)
```
#afc3f2
```
#afc3f2 rgb(175,195,242)
```
#afbdf2
```
#afbdf2 rgb(175,189,242)
```
#afb8f2
```
#afb8f2 rgb(175,184,242)
```
#afb2f2
```
#afb2f2 rgb(175,178,242)
```

Similar Colors

Text with hexadecimal color #afc3f2

This text has a font color of #afc3f2.

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

#afc3f2 background color

This paragraph has a background color of #afc3f2.

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

#afc3f2 border color

This element has a border color of #afc3f2.

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

CSS codes

.text {color:#afc3f2;}

.background {background-color:#afc3f2;}

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

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)
```
#030915
```
#030915 rgb(3,9,21)
```
#061026
```
#061026 rgb(6,16,38)
```
#091737
```
#091737 rgb(9,23,55)
```
#0c1e48
```
#0c1e48 rgb(12,30,72)
```
#0e2559
```
#0e2559 rgb(14,37,89)
```
#112c6a
```
#112c6a rgb(17,44,106)
```
#14337a
```
#14337a rgb(20,51,122)
```
#17398b
```
#17398b rgb(23,57,139)
```
#19409c
```
#19409c rgb(25,64,156)
```
#1c47ad
```
#1c47ad rgb(28,71,173)
```
#1f4ebe
```
#1f4ebe rgb(31,78,190)
```
#2255cf
```
#2255cf rgb(34,85,207)
```

Shade Color Variation

#285edc
```
#285edc rgb(40,94,220)
```
#396adf
```
#396adf rgb(57,106,223)
```
#4a77e2
```
#4a77e2 rgb(74,119,226)
```
#5b84e4
```
#5b84e4 rgb(91,132,228)
```
#6c90e7
```
#6c90e7 rgb(108,144,231)
```
#7c9dea
```
#7c9dea rgb(124,157,234)
```
#8daaed
```
#8daaed rgb(141,170,237)
```
#9eb6ef
```
#9eb6ef rgb(158,182,239)
```
#afc3f2
```
#afc3f2 rgb(175,195,242)
```
#c0d0f5
```
#c0d0f5 rgb(192,208,245)
```
#d1dcf7
```
#d1dcf7 rgb(209,220,247)
```
#e2e9fa
```
#e2e9fa rgb(226,233,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 #a4bffd is the most saturated one.

#cfd0d2
```
#cfd0d2 rgb(207,208,210)
```
#cccfd5
```
#cccfd5 rgb(204,207,213)
```
#c8cdd9
```
#c8cdd9 rgb(200,205,217)
```
#c4ccdd
```
#c4ccdd rgb(196,204,221)
```
#c1cae0
```
#c1cae0 rgb(193,202,224)
```
#bdc9e4
```
#bdc9e4 rgb(189,201,228)
```
#bac7e7
```
#bac7e7 rgb(186,199,231)
```
#b6c6eb
```
#b6c6eb rgb(182,198,235)
```
#b3c4ee
```
#b3c4ee rgb(179,196,238)
```
#afc3f2
```
#afc3f2 rgb(175,195,242)
```
#abc2f6
```
#abc2f6 rgb(171,194,246)
```
#a8c0f9
```
#a8c0f9 rgb(168,192,249)
```
#a4bffd
```
#a4bffd rgb(164,191,253)
```

Tone Color Variation

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

Dichromacy

#bac4f1 Protanopia 1% of men
#bfc2f3 Deuteranopia 1% of men
#accad9 Tritanopia 0.001% of the population

Trichromacy

#b6c3f1 Protanomaly 1% of men, 0.01% of women
#b9c2f3 Deuteranomaly 6% of men, 0.4% of women
#adc7e2 Tritanomaly 0.01% of the population

#afc3f2 hex color

#afc3f2 Color Information

#afc3f2 Color Conversion

Color Schemes with #afc3f2

Alternatives to #afc3f2

#afc3f2 Preview

Shades and Tints of #afc3f2

Tones of #afc3f2

Color Blindness Simulator