#afb0f3 hex color

In a RGB color space, hex #afb0f3 is composed of 68.6% red, 69% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 27.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 239.1 degrees, a saturation of 73.9% and a lightness of 82%. #afb0f3 color hex could be obtained by blending #ffffff with #5f61e7. Closest websafe color is: #9999ff.

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

● #afb0f3 color description : Very soft blue.

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

Hex triplet	afb0f3	`#afb0f3`
RGB Decimal	175, 176, 243	`rgb(175,176,243)`
RGB Percent	68.6, 69, 95.3	`rgb(68.6%,69%,95.3%)`
CMYK	28, 28, 0, 5
HSL	239.1°, 73.9, 82	`hsl(239.1,73.9%,82%)`
HSV (or HSB)	239.1°, 28, 95.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	73.956, 14.21, -33.424
XYZ	49.379, 46.635, 91.189
xyY	0.264, 0.249, 46.635
CIE-LCH	73.956, 36.319, 293.032
CIE-LUV	73.956, -4.484, -55.614
Hunter-Lab	68.29, 9.563, -31.368
Binary	10101111, 10110000, 11110011

#afb0f3
```
#afb0f3 rgb(175,176,243)
```
#f3f2af
```
#f3f2af rgb(243,242,175)
```

Complementary Color

#afd2f3
```
#afd2f3 rgb(175,210,243)
```
#afb0f3
```
#afb0f3 rgb(175,176,243)
```
#d0aff3
```
#d0aff3 rgb(208,175,243)
```

Analogous Color

#d2f3af
```
#d2f3af rgb(210,243,175)
```
#afb0f3
```
#afb0f3 rgb(175,176,243)
```
#f3d0af
```
#f3d0af rgb(243,208,175)
```

Split Complementary Color

#b0f3af
```
#b0f3af rgb(176,243,175)
```
#afb0f3
```
#afb0f3 rgb(175,176,243)
```
#f3afb0
```
#f3afb0 rgb(243,175,176)
```

Triadic Color

#aff3f2
```
#aff3f2 rgb(175,243,242)
```
#afb0f3
```
#afb0f3 rgb(175,176,243)
```
#f3afb0
```
#f3afb0 rgb(243,175,176)
```
#f3f2af
```
#f3f2af rgb(243,242,175)
```

Tetradic Color

#6c6ee9
```
#6c6ee9 rgb(108,110,233)
```
#8384ec
```
#8384ec rgb(131,132,236)
```
#999af0
```
#999af0 rgb(153,154,240)
```
#afb0f3
```
#afb0f3 rgb(175,176,243)
```
#c5c6f6
```
#c5c6f6 rgb(197,198,246)
```
#dbdcfa
```
#dbdcfa rgb(219,220,250)
```
#f2f2fd
```
#f2f2fd rgb(242,242,253)
```

Monochromatic Color

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

#afc1f3
```
#afc1f3 rgb(175,193,243)
```
#afbbf3
```
#afbbf3 rgb(175,187,243)
```
#afb6f3
```
#afb6f3 rgb(175,182,243)
```
#afb0f3
```
#afb0f3 rgb(175,176,243)
```
#b4aff3
```
#b4aff3 rgb(180,175,243)
```
#b9aff3
```
#b9aff3 rgb(185,175,243)
```
#bfaff3
```
#bfaff3 rgb(191,175,243)
```

Similar Colors

Text with hexadecimal color #afb0f3

This text has a font color of #afb0f3.

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

#afb0f3 background color

This paragraph has a background color of #afb0f3.

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

#afb0f3 border color

This element has a border color of #afb0f3.

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

CSS codes

.text {color:#afb0f3;}

.background {background-color:#afb0f3;}

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

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

#010105
```
#010105 rgb(1,1,5)
```
#030416
```
#030416 rgb(3,4,22)
```
#060627
```
#060627 rgb(6,6,39)
```
#080938
```
#080938 rgb(8,9,56)
```
#0b0c4a
```
#0b0c4a rgb(11,12,74)
```
#0e0f5b
```
#0e0f5b rgb(14,15,91)
```
#10116c
```
#10116c rgb(16,17,108)
```
#13147d
```
#13147d rgb(19,20,125)
```
#15178e
```
#15178e rgb(21,23,142)
```
#181a9f
```
#181a9f rgb(24,26,159)
```
#1a1db0
```
#1a1db0 rgb(26,29,176)
```
#1d1fc1
```
#1d1fc1 rgb(29,31,193)
```
#1f22d2
```
#1f22d2 rgb(31,34,210)
```

Shade Color Variation

#2729df
```
#2729df rgb(39,41,223)
```
#383ae1
```
#383ae1 rgb(56,58,225)
```
#494be4
```
#494be4 rgb(73,75,228)
```
#5a5ce6
```
#5a5ce6 rgb(90,92,230)
```
#6b6de9
```
#6b6de9 rgb(107,109,233)
```
#7c7deb
```
#7c7deb rgb(124,125,235)
```
#8d8eee
```
#8d8eee rgb(141,142,238)
```
#9e9ff0
```
#9e9ff0 rgb(158,159,240)
```
#afb0f3
```
#afb0f3 rgb(175,176,243)
```
#c0c1f6
```
#c0c1f6 rgb(192,193,246)
```
#d1d2f8
```
#d1d2f8 rgb(209,210,248)
```
#e2e3fb
```
#e2e3fb rgb(226,227,251)
```
#f3f3fd
```
#f3f3fd rgb(243,243,253)
```

Tint Color Variation

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

#cfcfd3
```
#cfcfd3 rgb(207,207,211)
```
#cbcbd7
```
#cbcbd7 rgb(203,203,215)
```
#c8c8da
```
#c8c8da rgb(200,200,218)
```
#c4c5de
```
#c4c5de rgb(196,197,222)
```
#c1c1e1
```
#c1c1e1 rgb(193,193,225)
```
#bdbee5
```
#bdbee5 rgb(189,190,229)
```
#babae8
```
#babae8 rgb(186,186,232)
```
#b6b7ec
```
#b6b7ec rgb(182,183,236)
```
#b3b3ef
```
#b3b3ef rgb(179,179,239)
```
#afb0f3
```
#afb0f3 rgb(175,176,243)
```
#abadf7
```
#abadf7 rgb(171,173,247)
```
#a8a9fa
```
#a8a9fa rgb(168,169,250)
```
#a4a6fe
```
#a4a6fe rgb(164,166,254)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b5b6c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b7f5 Protanopia 1% of men
#a8b7f2 Deuteranopia 1% of men
#a8bcc9 Tritanopia 0.001% of the population

Trichromacy

#a9b4f4 Protanomaly 1% of men, 0.01% of women
#abb4f2 Deuteranomaly 6% of men, 0.4% of women
#abb7d8 Tritanomaly 0.01% of the population

#afb0f3 hex color

#afb0f3 Color Information

#afb0f3 Color Conversion

Color Schemes with #afb0f3

Alternatives to #afb0f3

#afb0f3 Preview

Shades and Tints of #afb0f3

Tones of #afb0f3

Color Blindness Simulator