#afc5f0 hex color

In a RGB color space, hex #afc5f0 is composed of 68.6% red, 77.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 17.9% magenta, 0% yellow and 5.9% black. It has a hue angle of 219.7 degrees, a saturation of 68.4% and a lightness of 81.4%. #afc5f0 color hex could be obtained by blending #ffffff with #5f8be1. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 77
- B 94
RGB color chart
- C 27
- M 18
- Y 0
- K 6
CMYK color chart

● #afc5f0 color description : Very soft blue.

The hexadecimal color #afc5f0 has RGB values of R:175, G:197, B:240 and CMYK values of C:0.27, M:0.18, Y:0, K:0.06. Its decimal value is 11519472.

Hex triplet	afc5f0	`#afc5f0`
RGB Decimal	175, 197, 240	`rgb(175,197,240)`
RGB Percent	68.6, 77.3, 94.1	`rgb(68.6%,77.3%,94.1%)`
CMYK	27, 18, 0, 6
HSL	219.7°, 68.4, 81.4	`hsl(219.7,68.4%,81.4%)`
HSV (or HSB)	219.7°, 27.1, 94.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	79.235, 2.005, -23.709
XYZ	53.37, 55.337, 90.302
xyY	0.268, 0.278, 55.337
CIE-LCH	79.235, 23.794, 274.835
CIE-LUV	79.235, -13.287, -37.999
Hunter-Lab	74.389, -2.114, -19.902
Binary	10101111, 11000101, 11110000

#afc5f0
```
#afc5f0 rgb(175,197,240)
```
#f0daaf
```
#f0daaf rgb(240,218,175)
```

Complementary Color

#afe6f0
```
#afe6f0 rgb(175,230,240)
```
#afc5f0
```
#afc5f0 rgb(175,197,240)
```
#baaff0
```
#baaff0 rgb(186,175,240)
```

Analogous Color

#e6f0af
```
#e6f0af rgb(230,240,175)
```
#afc5f0
```
#afc5f0 rgb(175,197,240)
```
#f0baaf
```
#f0baaf rgb(240,186,175)
```

Split Complementary Color

#c5f0af
```
#c5f0af rgb(197,240,175)
```
#afc5f0
```
#afc5f0 rgb(175,197,240)
```
#f0afc5
```
#f0afc5 rgb(240,175,197)
```

Triadic Color

#aff0da
```
#aff0da rgb(175,240,218)
```
#afc5f0
```
#afc5f0 rgb(175,197,240)
```
#f0afc5
```
#f0afc5 rgb(240,175,197)
```
#f0daaf
```
#f0daaf rgb(240,218,175)
```

Tetradic Color

#6f96e4
```
#6f96e4 rgb(111,150,228)
```
#84a6e8
```
#84a6e8 rgb(132,166,232)
```
#9ab5ec
```
#9ab5ec rgb(154,181,236)
```
#afc5f0
```
#afc5f0 rgb(175,197,240)
```
#c4d5f4
```
#c4d5f4 rgb(196,213,244)
```
#dae4f8
```
#dae4f8 rgb(218,228,248)
```
#eff4fc
```
#eff4fc rgb(239,244,252)
```

Monochromatic Color

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

#afd5f0
```
#afd5f0 rgb(175,213,240)
```
#afd0f0
```
#afd0f0 rgb(175,208,240)
```
#afcaf0
```
#afcaf0 rgb(175,202,240)
```
#afc5f0
```
#afc5f0 rgb(175,197,240)
```
#afc0f0
```
#afc0f0 rgb(175,192,240)
```
#afbaf0
```
#afbaf0 rgb(175,186,240)
```
#afb5f0
```
#afb5f0 rgb(175,181,240)
```

Similar Colors

Text with hexadecimal color #afc5f0

This text has a font color of #afc5f0.

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

#afc5f0 background color

This paragraph has a background color of #afc5f0.

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

#afc5f0 border color

This element has a border color of #afc5f0.

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

CSS codes

.text {color:#afc5f0;}

.background {background-color:#afc5f0;}

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

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

#000103
```
#000103 rgb(0,1,3)
```
#040913
```
#040913 rgb(4,9,19)
```
#071024
```
#071024 rgb(7,16,36)
```
#0a1834
```
#0a1834 rgb(10,24,52)
```
#0d2045
```
#0d2045 rgb(13,32,69)
```
#102755
```
#102755 rgb(16,39,85)
```
#132f66
```
#132f66 rgb(19,47,102)
```
#163776
```
#163776 rgb(22,55,118)
```
#193e87
```
#193e87 rgb(25,62,135)
```
#1c4697
```
#1c4697 rgb(28,70,151)
```
#1f4ea8
```
#1f4ea8 rgb(31,78,168)
```
#2355b8
```
#2355b8 rgb(35,85,184)
```
#265dc9
```
#265dc9 rgb(38,93,201)
```

Shade Color Variation

#2b65d7
```
#2b65d7 rgb(43,101,215)
```
#3b71da
```
#3b71da rgb(59,113,218)
```
#4c7ddd
```
#4c7ddd rgb(76,125,221)
```
#5c89e1
```
#5c89e1 rgb(92,137,225)
```
#6d95e4
```
#6d95e4 rgb(109,149,228)
```
#7da1e7
```
#7da1e7 rgb(125,161,231)
```
#8eadea
```
#8eadea rgb(142,173,234)
```
#9eb9ed
```
#9eb9ed rgb(158,185,237)
```
#afc5f0
```
#afc5f0 rgb(175,197,240)
```
#c0d1f3
```
#c0d1f3 rgb(192,209,243)
```
#d0ddf6
```
#d0ddf6 rgb(208,221,246)
```
#e1e9f9
```
#e1e9f9 rgb(225,233,249)
```
#f1f5fc
```
#f1f5fc rgb(241,245,252)
```

Tint Color Variation

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

#ccced3
```
#ccced3 rgb(204,206,211)
```
#c9cdd6
```
#c9cdd6 rgb(201,205,214)
```
#c5ccda
```
#c5ccda rgb(197,204,218)
```
#c1cbde
```
#c1cbde rgb(193,203,222)
```
#becae1
```
#becae1 rgb(190,202,225)
```
#bac9e5
```
#bac9e5 rgb(186,201,229)
```
#b6c7e9
```
#b6c7e9 rgb(182,199,233)
```
#b3c6ec
```
#b3c6ec rgb(179,198,236)
```
#afc5f0
```
#afc5f0 rgb(175,197,240)
```
#abc4f4
```
#abc4f4 rgb(171,196,244)
```
#a8c3f7
```
#a8c3f7 rgb(168,195,247)
```
#a4c1fb
```
#a4c1fb rgb(164,193,251)
```
#a0c0ff
```
#a0c0ff rgb(160,192,255)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#bfc3cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc5ef Protanopia 1% of men
#c2c3f2 Deuteranopia 1% of men
#adccda Tritanopia 0.001% of the population

Trichromacy

#b8c5ef Protanomaly 1% of men, 0.01% of women
#bbc4f1 Deuteranomaly 6% of men, 0.4% of women
#aec9e2 Tritanomaly 0.01% of the population

#afc5f0 hex color

#afc5f0 Color Information

#afc5f0 Color Conversion

Color Schemes with #afc5f0

Alternatives to #afc5f0

#afc5f0 Preview

Shades and Tints of #afc5f0

Tones of #afc5f0

Color Blindness Simulator