#afbcf3 hex color

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

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

● #afbcf3 color description : Very soft blue.

The hexadecimal color #afbcf3 has RGB values of R:175, G:188, B:243 and CMYK values of C:0.28, M:0.23, Y:0, K:0.05. Its decimal value is 11517171.

Hex triplet	afbcf3	`#afbcf3`
RGB Decimal	175, 188, 243	`rgb(175,188,243)`
RGB Percent	68.6, 73.7, 95.3	`rgb(68.6%,73.7%,95.3%)`
CMYK	28, 23, 0, 5
HSL	228.5°, 73.9, 82	`hsl(228.5,73.9%,82%)`
HSV (or HSB)	228.5°, 28, 95.3
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.011, 7.6, -28.719
XYZ	51.837, 51.55, 92.008
xyY	0.265, 0.264, 51.55
CIE-LCH	77.011, 29.707, 284.823
CIE-LUV	77.011, -9.545, -47.042
Hunter-Lab	71.799, 3.225, -25.72
Binary	10101111, 10111100, 11110011

#afbcf3
```
#afbcf3 rgb(175,188,243)
```
#f3e6af
```
#f3e6af rgb(243,230,175)
```

Complementary Color

#afdef3
```
#afdef3 rgb(175,222,243)
```
#afbcf3
```
#afbcf3 rgb(175,188,243)
```
#c4aff3
```
#c4aff3 rgb(196,175,243)
```

Analogous Color

#def3af
```
#def3af rgb(222,243,175)
```
#afbcf3
```
#afbcf3 rgb(175,188,243)
```
#f3c4af
```
#f3c4af rgb(243,196,175)
```

Split Complementary Color

#bcf3af
```
#bcf3af rgb(188,243,175)
```
#afbcf3
```
#afbcf3 rgb(175,188,243)
```
#f3afbc
```
#f3afbc rgb(243,175,188)
```

Triadic Color

#aff3e6
```
#aff3e6 rgb(175,243,230)
```
#afbcf3
```
#afbcf3 rgb(175,188,243)
```
#f3afbc
```
#f3afbc rgb(243,175,188)
```
#f3e6af
```
#f3e6af rgb(243,230,175)
```

Tetradic Color

#6c84e9
```
#6c84e9 rgb(108,132,233)
```
#8397ec
```
#8397ec rgb(131,151,236)
```
#99a9f0
```
#99a9f0 rgb(153,169,240)
```
#afbcf3
```
#afbcf3 rgb(175,188,243)
```
#c5cff6
```
#c5cff6 rgb(197,207,246)
```
#dbe1fa
```
#dbe1fa rgb(219,225,250)
```
#f2f4fd
```
#f2f4fd rgb(242,244,253)
```

Monochromatic Color

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

#afcdf3
```
#afcdf3 rgb(175,205,243)
```
#afc7f3
```
#afc7f3 rgb(175,199,243)
```
#afc2f3
```
#afc2f3 rgb(175,194,243)
```
#afbcf3
```
#afbcf3 rgb(175,188,243)
```
#afb6f3
```
#afb6f3 rgb(175,182,243)
```
#afb1f3
```
#afb1f3 rgb(175,177,243)
```
#b3aff3
```
#b3aff3 rgb(179,175,243)
```

Similar Colors

Text with hexadecimal color #afbcf3

This text has a font color of #afbcf3.

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

#afbcf3 background color

This paragraph has a background color of #afbcf3.

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

#afbcf3 border color

This element has a border color of #afbcf3.

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

CSS codes

.text {color:#afbcf3;}

.background {background-color:#afbcf3;}

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

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 #f3f5fd is the lightest one.

#010205
```
#010205 rgb(1,2,5)
```
#030716
```
#030716 rgb(3,7,22)
```
#060c27
```
#060c27 rgb(6,12,39)
```
#081238
```
#081238 rgb(8,18,56)
```
#0b174a
```
#0b174a rgb(11,23,74)
```
#0e1c5b
```
#0e1c5b rgb(14,28,91)
```
#10226c
```
#10226c rgb(16,34,108)
```
#13277d
```
#13277d rgb(19,39,125)
```
#152c8e
```
#152c8e rgb(21,44,142)
```
#18329f
```
#18329f rgb(24,50,159)
```
#1a37b0
```
#1a37b0 rgb(26,55,176)
```
#1d3cc1
```
#1d3cc1 rgb(29,60,193)
```
#1f42d2
```
#1f42d2 rgb(31,66,210)
```

Shade Color Variation

#274adf
```
#274adf rgb(39,74,223)
```
#3858e1
```
#3858e1 rgb(56,88,225)
```
#4966e4
```
#4966e4 rgb(73,102,228)
```
#5a75e6
```
#5a75e6 rgb(90,117,230)
```
#6b83e9
```
#6b83e9 rgb(107,131,233)
```
#7c91eb
```
#7c91eb rgb(124,145,235)
```
#8d9fee
```
#8d9fee rgb(141,159,238)
```
#9eaef0
```
#9eaef0 rgb(158,174,240)
```
#afbcf3
```
#afbcf3 rgb(175,188,243)
```
#c0caf6
```
#c0caf6 rgb(192,202,246)
```
#d1d9f8
```
#d1d9f8 rgb(209,217,248)
```
#e2e7fb
```
#e2e7fb rgb(226,231,251)
```
#f3f5fd
```
#f3f5fd rgb(243,245,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 #a4b5fe is the most saturated one.

#cfd0d3
```
#cfd0d3 rgb(207,208,211)
```
#cbcdd7
```
#cbcdd7 rgb(203,205,215)
```
#c8cbda
```
#c8cbda rgb(200,203,218)
```
#c4c9de
```
#c4c9de rgb(196,201,222)
```
#c1c7e1
```
#c1c7e1 rgb(193,199,225)
```
#bdc5e5
```
#bdc5e5 rgb(189,197,229)
```
#bac3e8
```
#bac3e8 rgb(186,195,232)
```
#b6c0ec
```
#b6c0ec rgb(182,192,236)
```
#b3beef
```
#b3beef rgb(179,190,239)
```
#afbcf3
```
#afbcf3 rgb(175,188,243)
```
#abbaf7
```
#abbaf7 rgb(171,186,247)
```
#a8b8fa
```
#a8b8fa rgb(168,184,250)
```
#a4b5fe
```
#a4b5fe rgb(164,181,254)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bbbec9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3bff3 Protanopia 1% of men
#b6bef4 Deuteranopia 1% of men
#abc5d3 Tritanopia 0.001% of the population

Trichromacy

#b1bef3 Protanomaly 1% of men, 0.01% of women
#b4bdf3 Deuteranomaly 6% of men, 0.4% of women
#acc2df Tritanomaly 0.01% of the population

#afbcf3 hex color

#afbcf3 Color Information

#afbcf3 Color Conversion

Color Schemes with #afbcf3

Alternatives to #afbcf3

#afbcf3 Preview

Shades and Tints of #afbcf3

Tones of #afbcf3

Color Blindness Simulator