colorhexa.com

#afb7f3 hex color

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

- R 69
- G 72
- B 95
RGB color chart
- C 28
- M 25
- Y 0
- K 5
CMYK color chart

● #afb7f3 color description : Very soft blue.

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

Hex triplet	afb7f3	`#afb7f3`
RGB Decimal	175, 183, 243	`rgb(175,183,243)`
RGB Percent	68.6, 71.8, 95.3	`rgb(68.6%,71.8%,95.3%)`
CMYK	28, 25, 0, 5
HSL	232.9°, 73.9, 82	`hsl(232.9,73.9%,82%)`
HSV (or HSB)	232.9°, 28, 95.3
Web Safe	99ccff	`#99ccff`

CIE-LAB	75.731, 10.342, -30.686
XYZ	50.787, 49.451, 91.658
xyY	0.265, 0.258, 49.451
CIE-LCH	75.731, 32.382, 288.625
CIE-LUV	75.731, -7.425, -50.633
Hunter-Lab	70.321, 5.853, -28.055
Binary	10101111, 10110111, 11110011

#afb7f3
```
#afb7f3 rgb(175,183,243)
```
#f3ebaf
```
#f3ebaf rgb(243,235,175)
```

Complementary Color

#afd9f3
```
#afd9f3 rgb(175,217,243)
```
#afb7f3
```
#afb7f3 rgb(175,183,243)
```
#c9aff3
```
#c9aff3 rgb(201,175,243)
```

Analogous Color

#d9f3af
```
#d9f3af rgb(217,243,175)
```
#afb7f3
```
#afb7f3 rgb(175,183,243)
```
#f3c9af
```
#f3c9af rgb(243,201,175)
```

Split Complementary Color

#b7f3af
```
#b7f3af rgb(183,243,175)
```
#afb7f3
```
#afb7f3 rgb(175,183,243)
```
#f3afb7
```
#f3afb7 rgb(243,175,183)
```

Triadic Color

#aff3eb
```
#aff3eb rgb(175,243,235)
```
#afb7f3
```
#afb7f3 rgb(175,183,243)
```
#f3afb7
```
#f3afb7 rgb(243,175,183)
```
#f3ebaf
```
#f3ebaf rgb(243,235,175)
```

Tetradic Color

#6c7be9
```
#6c7be9 rgb(108,123,233)
```
#838fec
```
#838fec rgb(131,143,236)
```
#99a3f0
```
#99a3f0 rgb(153,163,240)
```
#afb7f3
```
#afb7f3 rgb(175,183,243)
```
#c5cbf6
```
#c5cbf6 rgb(197,203,246)
```
#dbdffa
```
#dbdffa rgb(219,223,250)
```
#f2f3fd
```
#f2f3fd rgb(242,243,253)
```

Monochromatic Color

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

#afc8f3
```
#afc8f3 rgb(175,200,243)
```
#afc2f3
```
#afc2f3 rgb(175,194,243)
```
#afbdf3
```
#afbdf3 rgb(175,189,243)
```
#afb7f3
```
#afb7f3 rgb(175,183,243)
```
#afb1f3
```
#afb1f3 rgb(175,177,243)
```
#b2aff3
```
#b2aff3 rgb(178,175,243)
```
#b8aff3
```
#b8aff3 rgb(184,175,243)
```

Similar Colors

Text with hexadecimal color #afb7f3

This text has a font color of #afb7f3.

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

#afb7f3 background color

This paragraph has a background color of #afb7f3.

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

#afb7f3 border color

This element has a border color of #afb7f3.

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

CSS codes

.text {color:#afb7f3;}

.background {background-color:#afb7f3;}

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

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

#010105
```
#010105 rgb(1,1,5)
```
#030616
```
#030616 rgb(3,6,22)
```
#060a27
```
#060a27 rgb(6,10,39)
```
#080e38
```
#080e38 rgb(8,14,56)
```
#0b124a
```
#0b124a rgb(11,18,74)
```
#0e175b
```
#0e175b rgb(14,23,91)
```
#101b6c
```
#101b6c rgb(16,27,108)
```
#131f7d
```
#131f7d rgb(19,31,125)
```
#15238e
```
#15238e rgb(21,35,142)
```
#18289f
```
#18289f rgb(24,40,159)
```
#1a2cb0
```
#1a2cb0 rgb(26,44,176)
```
#1d30c1
```
#1d30c1 rgb(29,48,193)
```
#1f34d2
```
#1f34d2 rgb(31,52,210)
```

Shade Color Variation

#273cdf
```
#273cdf rgb(39,60,223)
```
#384ce1
```
#384ce1 rgb(56,76,225)
```
#495be4
```
#495be4 rgb(73,91,228)
```
#5a6ae6
```
#5a6ae6 rgb(90,106,230)
```
#6b7ae9
```
#6b7ae9 rgb(107,122,233)
```
#7c89eb
```
#7c89eb rgb(124,137,235)
```
#8d98ee
```
#8d98ee rgb(141,152,238)
```
#9ea8f0
```
#9ea8f0 rgb(158,168,240)
```
#afb7f3
```
#afb7f3 rgb(175,183,243)
```
#c0c6f6
```
#c0c6f6 rgb(192,198,246)
```
#d1d6f8
```
#d1d6f8 rgb(209,214,248)
```
#e2e5fb
```
#e2e5fb rgb(226,229,251)
```
#f3f4fd
```
#f3f4fd rgb(243,244,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 #a4affe is the most saturated one.

#cfcfd3
```
#cfcfd3 rgb(207,207,211)
```
#cbcdd7
```
#cbcdd7 rgb(203,205,215)
```
#c8cada
```
#c8cada rgb(200,202,218)
```
#c4c7de
```
#c4c7de rgb(196,199,222)
```
#c1c5e1
```
#c1c5e1 rgb(193,197,225)
```
#bdc2e5
```
#bdc2e5 rgb(189,194,229)
```
#babfe8
```
#babfe8 rgb(186,191,232)
```
#b6bcec
```
#b6bcec rgb(182,188,236)
```
#b3baef
```
#b3baef rgb(179,186,239)
```
#afb7f3
```
#afb7f3 rgb(175,183,243)
```
#abb4f7
```
#abb4f7 rgb(171,180,247)
```
#a8b2fa
```
#a8b2fa rgb(168,178,250)
```
#a4affe
```
#a4affe rgb(164,175,254)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b9bac6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adbcf4 Protanopia 1% of men
#b1bbf3 Deuteranopia 1% of men
#aac1cf Tritanopia 0.001% of the population

Trichromacy

#aebaf3 Protanomaly 1% of men, 0.01% of women
#b0b9f3 Deuteranomaly 6% of men, 0.4% of women
#abbddc Tritanomaly 0.01% of the population