#afb0df hex color

In a RGB color space, hex #afb0df is composed of 68.6% red, 69% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 21.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 238.8 degrees, a saturation of 42.9% and a lightness of 78%. #afb0df color hex could be obtained by blending #ffffff with #5f61bf. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 69
- B 87
RGB color chart
- C 22
- M 21
- Y 0
- K 13
CMYK color chart

● #afb0df color description : Very soft blue.

The hexadecimal color #afb0df has RGB values of R:175, G:176, B:223 and CMYK values of C:0.22, M:0.21, Y:0, K:0.13. Its decimal value is 11514079.

Hex triplet	afb0df	`#afb0df`
RGB Decimal	175, 176, 223	`rgb(175,176,223)`
RGB Percent	68.6, 69, 87.5	`rgb(68.6%,69%,87.5%)`
CMYK	22, 21, 0, 13
HSL	238.8°, 42.9, 78	`hsl(238.8,42.9%,78%)`
HSV (or HSB)	238.8°, 21.5, 87.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	73.215, 9.495, -23.7
XYZ	46.521, 45.492, 76.138
xyY	0.277, 0.271, 45.492
CIE-LCH	73.215, 25.531, 291.833
CIE-LUV	73.215, -3.29, -38.693
Hunter-Lab	67.448, 5.085, -19.716
Binary	10101111, 10110000, 11011111

#afb0df
```
#afb0df rgb(175,176,223)
```
#dfdeaf
```
#dfdeaf rgb(223,222,175)
```

Complementary Color

#afc8df
```
#afc8df rgb(175,200,223)
```
#afb0df
```
#afb0df rgb(175,176,223)
```
#c6afdf
```
#c6afdf rgb(198,175,223)
```

Analogous Color

#c8dfaf
```
#c8dfaf rgb(200,223,175)
```
#afb0df
```
#afb0df rgb(175,176,223)
```
#dfc6af
```
#dfc6af rgb(223,198,175)
```

Split Complementary Color

#b0dfaf
```
#b0dfaf rgb(176,223,175)
```
#afb0df
```
#afb0df rgb(175,176,223)
```
#dfafb0
```
#dfafb0 rgb(223,175,176)
```

Triadic Color

#afdfde
```
#afdfde rgb(175,223,222)
```
#afb0df
```
#afb0df rgb(175,176,223)
```
#dfafb0
```
#dfafb0 rgb(223,175,176)
```
#dfdeaf
```
#dfdeaf rgb(223,222,175)
```

Tetradic Color

#787ac9
```
#787ac9 rgb(120,122,201)
```
#8b8cd0
```
#8b8cd0 rgb(139,140,208)
```
#9d9ed8
```
#9d9ed8 rgb(157,158,216)
```
#afb0df
```
#afb0df rgb(175,176,223)
```
#c1c2e6
```
#c1c2e6 rgb(193,194,230)
```
#d3d4ee
```
#d3d4ee rgb(211,212,238)
```
#e6e6f5
```
#e6e6f5 rgb(230,230,245)
```

Monochromatic Color

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

#afbcdf
```
#afbcdf rgb(175,188,223)
```
#afb8df
```
#afb8df rgb(175,184,223)
```
#afb4df
```
#afb4df rgb(175,180,223)
```
#afb0df
```
#afb0df rgb(175,176,223)
```
#b2afdf
```
#b2afdf rgb(178,175,223)
```
#b6afdf
```
#b6afdf rgb(182,175,223)
```
#baafdf
```
#baafdf rgb(186,175,223)
```

Similar Colors

Text with hexadecimal color #afb0df

This text has a font color of #afb0df.

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

#afb0df background color

This paragraph has a background color of #afb0df.

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

#afb0df border color

This element has a border color of #afb0df.

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

CSS codes

.text {color:#afb0df;}

.background {background-color:#afb0df;}

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

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

#020204
```
#020204 rgb(2,2,4)
```
#070712
```
#070712 rgb(7,7,18)
```
#0d0d20
```
#0d0d20 rgb(13,13,32)
```
#12132e
```
#12132e rgb(18,19,46)
```
#18193c
```
#18193c rgb(24,25,60)
```
#1e1f4a
```
#1e1f4a rgb(30,31,74)
```
#232458
```
#232458 rgb(35,36,88)
```
#292a66
```
#292a66 rgb(41,42,102)
```
#2e3074
```
#2e3074 rgb(46,48,116)
```
#343682
```
#343682 rgb(52,54,130)
```
#3a3b90
```
#3a3b90 rgb(58,59,144)
```
#3f419e
```
#3f419e rgb(63,65,158)
```
#4547ac
```
#4547ac rgb(69,71,172)
```

Shade Color Variation

#4d4fb8
```
#4d4fb8 rgb(77,79,184)
```
#5b5dbd
```
#5b5dbd rgb(91,93,189)
```
#696bc3
```
#696bc3 rgb(105,107,195)
```
#7779c9
```
#7779c9 rgb(119,121,201)
```
#8586ce
```
#8586ce rgb(133,134,206)
```
#9394d4
```
#9394d4 rgb(147,148,212)
```
#a1a2d9
```
#a1a2d9 rgb(161,162,217)
```
#afb0df
```
#afb0df rgb(175,176,223)
```
#bdbee5
```
#bdbee5 rgb(189,190,229)
```
#cbccea
```
#cbccea rgb(203,204,234)
```
#d9daf0
```
#d9daf0 rgb(217,218,240)
```
#e7e7f5
```
#e7e7f5 rgb(231,231,245)
```
#f5f5fb
```
#f5f5fb rgb(245,245,251)
```

Tint Color Variation

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

#c5c5c9
```
#c5c5c9 rgb(197,197,201)
```
#c0c1ce
```
#c0c1ce rgb(192,193,206)
```
#bcbcd2
```
#bcbcd2 rgb(188,188,210)
```
#b8b8d6
```
#b8b8d6 rgb(184,184,214)
```
#b3b4db
```
#b3b4db rgb(179,180,219)
```
#afb0df
```
#afb0df rgb(175,176,223)
```
#abace3
```
#abace3 rgb(171,172,227)
```
#a6a8e8
```
#a6a8e8 rgb(166,168,232)
```
#a2a4ec
```
#a2a4ec rgb(162,164,236)
```
#9e9ff0
```
#9e9ff0 rgb(158,159,240)
```
#999bf5
```
#999bf5 rgb(153,155,245)
```
#9597f9
```
#9597f9 rgb(149,151,249)
```
#9193fd
```
#9193fd rgb(145,147,253)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b4b4bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb5e1 Protanopia 1% of men
#b2b4e0 Deuteranopia 1% of men
#adb9c6 Tritanopia 0.001% of the population

Trichromacy

#adb3e0 Protanomaly 1% of men, 0.01% of women
#b1b2e0 Deuteranomaly 6% of men, 0.4% of women
#adb5cf Tritanomaly 0.01% of the population

#afb0df hex color

#afb0df Color Information

#afb0df Color Conversion

Color Schemes with #afb0df

Alternatives to #afb0df

#afb0df Preview

Shades and Tints of #afb0df

Tones of #afb0df

Color Blindness Simulator