#afbbf1 hex color

In a RGB color space, hex #afbbf1 is composed of 68.6% red, 73.3% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 22.4% magenta, 0% yellow and 5.5% black. It has a hue angle of 229.1 degrees, a saturation of 70.2% and a lightness of 81.6%. #afbbf1 color hex could be obtained by blending #ffffff with #5f77e3. Closest websafe color is: #99ccff.

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

● #afbbf1 color description : Very soft blue.

The hexadecimal color #afbbf1 has RGB values of R:175, G:187, B:241 and CMYK values of C:0.27, M:0.22, Y:0, K:0.05. Its decimal value is 11516913.

Hex triplet	afbbf1	`#afbbf1`
RGB Decimal	175, 187, 241	`rgb(175,187,241)`
RGB Percent	68.6, 73.3, 94.5	`rgb(68.6%,73.3%,94.5%)`
CMYK	27, 22, 0, 5
HSL	229.1°, 70.2, 81.6	`hsl(229.1,70.2%,81.6%)`
HSV (or HSB)	229.1°, 27.4, 94.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	76.682, 7.667, -28.147
XYZ	51.324, 51.005, 90.355
xyY	0.266, 0.265, 51.005
CIE-LCH	76.682, 29.173, 285.238
CIE-LUV	76.682, -9.028, -46.068
Hunter-Lab	71.417, 3.297, -25.02
Binary	10101111, 10111011, 11110001

#afbbf1
```
#afbbf1 rgb(175,187,241)
```
#f1e5af
```
#f1e5af rgb(241,229,175)
```

Complementary Color

#afdcf1
```
#afdcf1 rgb(175,220,241)
```
#afbbf1
```
#afbbf1 rgb(175,187,241)
```
#c4aff1
```
#c4aff1 rgb(196,175,241)
```

Analogous Color

#dcf1af
```
#dcf1af rgb(220,241,175)
```
#afbbf1
```
#afbbf1 rgb(175,187,241)
```
#f1c4af
```
#f1c4af rgb(241,196,175)
```

Split Complementary Color

#bbf1af
```
#bbf1af rgb(187,241,175)
```
#afbbf1
```
#afbbf1 rgb(175,187,241)
```
#f1afbb
```
#f1afbb rgb(241,175,187)
```

Triadic Color

#aff1e5
```
#aff1e5 rgb(175,241,229)
```
#afbbf1
```
#afbbf1 rgb(175,187,241)
```
#f1afbb
```
#f1afbb rgb(241,175,187)
```
#f1e5af
```
#f1e5af rgb(241,229,175)
```

Tetradic Color

#6e84e6
```
#6e84e6 rgb(110,132,230)
```
#8496e9
```
#8496e9 rgb(132,150,233)
```
#99a9ed
```
#99a9ed rgb(153,169,237)
```
#afbbf1
```
#afbbf1 rgb(175,187,241)
```
#c5cdf5
```
#c5cdf5 rgb(197,205,245)
```
#dae0f9
```
#dae0f9 rgb(218,224,249)
```
#f0f2fc
```
#f0f2fc rgb(240,242,252)
```

Monochromatic Color

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

#afccf1
```
#afccf1 rgb(175,204,241)
```
#afc6f1
```
#afc6f1 rgb(175,198,241)
```
#afc1f1
```
#afc1f1 rgb(175,193,241)
```
#afbbf1
```
#afbbf1 rgb(175,187,241)
```
#afb6f1
```
#afb6f1 rgb(175,182,241)
```
#afb0f1
```
#afb0f1 rgb(175,176,241)
```
#b4aff1
```
#b4aff1 rgb(180,175,241)
```

Similar Colors

Text with hexadecimal color #afbbf1

This text has a font color of #afbbf1.

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

#afbbf1 background color

This paragraph has a background color of #afbbf1.

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

#afbbf1 border color

This element has a border color of #afbbf1.

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

CSS codes

.text {color:#afbbf1;}

.background {background-color:#afbbf1;}

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

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

#010103
```
#010103 rgb(1,1,3)
```
#040714
```
#040714 rgb(4,7,20)
```
#060c25
```
#060c25 rgb(6,12,37)
```
#091136
```
#091136 rgb(9,17,54)
```
#0c1746
```
#0c1746 rgb(12,23,70)
```
#0f1c57
```
#0f1c57 rgb(15,28,87)
```
#122268
```
#122268 rgb(18,34,104)
```
#152778
```
#152778 rgb(21,39,120)
```
#182d89
```
#182d89 rgb(24,45,137)
```
#1b329a
```
#1b329a rgb(27,50,154)
```
#1e37aa
```
#1e37aa rgb(30,55,170)
```
#213dbb
```
#213dbb rgb(33,61,187)
```
#2442cc
```
#2442cc rgb(36,66,204)
```

Shade Color Variation

#2949da
```
#2949da rgb(41,73,218)
```
#3a58dd
```
#3a58dd rgb(58,88,221)
```
#4b66df
```
#4b66df rgb(75,102,223)
```
#5c74e2
```
#5c74e2 rgb(92,116,226)
```
#6c82e5
```
#6c82e5 rgb(108,130,229)
```
#7d90e8
```
#7d90e8 rgb(125,144,232)
```
#8e9feb
```
#8e9feb rgb(142,159,235)
```
#9eadee
```
#9eadee rgb(158,173,238)
```
#afbbf1
```
#afbbf1 rgb(175,187,241)
```
#c0c9f4
```
#c0c9f4 rgb(192,201,244)
```
#d0d7f7
```
#d0d7f7 rgb(208,215,247)
```
#e1e6fa
```
#e1e6fa rgb(225,230,250)
```
#f2f4fd
```
#f2f4fd rgb(242,244,253)
```

Tint Color Variation

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

#d0d0d0
```
#d0d0d0 rgb(208,208,208)
```
#cccdd4
```
#cccdd4 rgb(204,205,212)
```
#c8cbd8
```
#c8cbd8 rgb(200,203,216)
```
#c5c9db
```
#c5c9db rgb(197,201,219)
```
#c1c7df
```
#c1c7df rgb(193,199,223)
```
#bdc4e3
```
#bdc4e3 rgb(189,196,227)
```
#bac2e6
```
#bac2e6 rgb(186,194,230)
```
#b6c0ea
```
#b6c0ea rgb(182,192,234)
```
#b3bded
```
#b3bded rgb(179,189,237)
```
#afbbf1
```
#afbbf1 rgb(175,187,241)
```
#abb9f5
```
#abb9f5 rgb(171,185,245)
```
#a8b6f8
```
#a8b6f8 rgb(168,182,248)
```
#a4b4fc
```
#a4b4fc rgb(164,180,252)
```

Tone Color Variation

Below, you can see how #afbbf1 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
#bbbdc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bef1 Protanopia 1% of men
#b6bdf2 Deuteranopia 1% of men
#abc4d2 Tritanopia 0.001% of the population

Trichromacy

#b1bdf1 Protanomaly 1% of men, 0.01% of women
#b3bcf1 Deuteranomaly 6% of men, 0.4% of women
#acc1dd Tritanomaly 0.01% of the population

#afbbf1 hex color

#afbbf1 Color Information

#afbbf1 Color Conversion

Color Schemes with #afbbf1

Alternatives to #afbbf1

#afbbf1 Preview

Shades and Tints of #afbbf1

Tones of #afbbf1

Color Blindness Simulator