#afb3ef hex color

In a RGB color space, hex #afb3ef is composed of 68.6% red, 70.2% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 25.1% magenta, 0% yellow and 6.3% black. It has a hue angle of 236.3 degrees, a saturation of 66.7% and a lightness of 81.2%. #afb3ef color hex could be obtained by blending #ffffff with #5f67df. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 70
- B 94
RGB color chart
- C 27
- M 25
- Y 0
- K 6
CMYK color chart

● #afb3ef color description : Very soft blue.

The hexadecimal color #afb3ef has RGB values of R:175, G:179, B:239 and CMYK values of C:0.27, M:0.25, Y:0, K:0.06. Its decimal value is 11514863.

Hex triplet	afb3ef	`#afb3ef`
RGB Decimal	175, 179, 239	`rgb(175,179,239)`
RGB Percent	68.6, 70.2, 93.7	`rgb(68.6%,70.2%,93.7%)`
CMYK	27, 25, 0, 6
HSL	236.3°, 66.7, 81.2	`hsl(236.3,66.7%,81.2%)`
HSV (or HSB)	236.3°, 26.8, 93.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	74.563, 11.585, -30.323
XYZ	49.376, 47.585, 88.24
xyY	0.267, 0.257, 47.585
CIE-LCH	74.563, 32.461, 290.91
CIE-LUV	74.563, -5.517, -50.097
Hunter-Lab	68.982, 7.048, -27.555
Binary	10101111, 10110011, 11101111

#afb3ef
```
#afb3ef rgb(175,179,239)
```
#efebaf
```
#efebaf rgb(239,235,175)
```

Complementary Color

#afd3ef
```
#afd3ef rgb(175,211,239)
```
#afb3ef
```
#afb3ef rgb(175,179,239)
```
#cbafef
```
#cbafef rgb(203,175,239)
```

Analogous Color

#d3efaf
```
#d3efaf rgb(211,239,175)
```
#afb3ef
```
#afb3ef rgb(175,179,239)
```
#efcbaf
```
#efcbaf rgb(239,203,175)
```

Split Complementary Color

#b3efaf
```
#b3efaf rgb(179,239,175)
```
#afb3ef
```
#afb3ef rgb(175,179,239)
```
#efafb3
```
#efafb3 rgb(239,175,179)
```

Triadic Color

#afefeb
```
#afefeb rgb(175,239,235)
```
#afb3ef
```
#afb3ef rgb(175,179,239)
```
#efafb3
```
#efafb3 rgb(239,175,179)
```
#efebaf
```
#efebaf rgb(239,235,175)
```

Tetradic Color

#6f76e2
```
#6f76e2 rgb(111,118,226)
```
#858be7
```
#858be7 rgb(133,139,231)
```
#9a9feb
```
#9a9feb rgb(154,159,235)
```
#afb3ef
```
#afb3ef rgb(175,179,239)
```
#c4c7f3
```
#c4c7f3 rgb(196,199,243)
```
#dadbf8
```
#dadbf8 rgb(218,219,248)
```
#eff0fc
```
#eff0fc rgb(239,240,252)
```

Monochromatic Color

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

#afc3ef
```
#afc3ef rgb(175,195,239)
```
#afbeef
```
#afbeef rgb(175,190,239)
```
#afb8ef
```
#afb8ef rgb(175,184,239)
```
#afb3ef
```
#afb3ef rgb(175,179,239)
```
#b0afef
```
#b0afef rgb(176,175,239)
```
#b6afef
```
#b6afef rgb(182,175,239)
```
#bbafef
```
#bbafef rgb(187,175,239)
```

Similar Colors

Text with hexadecimal color #afb3ef

This text has a font color of #afb3ef.

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

#afb3ef background color

This paragraph has a background color of #afb3ef.

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

#afb3ef border color

This element has a border color of #afb3ef.

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

CSS codes

.text {color:#afb3ef;}

.background {background-color:#afb3ef;}

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

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

#000002
```
#000002 rgb(0,0,2)
```
#040512
```
#040512 rgb(4,5,18)
```
#070922
```
#070922 rgb(7,9,34)
```
#0a0d33
```
#0a0d33 rgb(10,13,51)
```
#0d1143
```
#0d1143 rgb(13,17,67)
```
#111553
```
#111553 rgb(17,21,83)
```
#141964
```
#141964 rgb(20,25,100)
```
#171d74
```
#171d74 rgb(23,29,116)
```
#1b2185
```
#1b2185 rgb(27,33,133)
```
#1e2595
```
#1e2595 rgb(30,37,149)
```
#2129a5
```
#2129a5 rgb(33,41,165)
```
#242db6
```
#242db6 rgb(36,45,182)
```
#2831c6
```
#2831c6 rgb(40,49,198)
```

Shade Color Variation

#2c37d5
```
#2c37d5 rgb(44,55,213)
```
#3d46d8
```
#3d46d8 rgb(61,70,216)
```
#4d56db
```
#4d56db rgb(77,86,219)
```
#5d65df
```
#5d65df rgb(93,101,223)
```
#6e75e2
```
#6e75e2 rgb(110,117,226)
```
#7e84e5
```
#7e84e5 rgb(126,132,229)
```
#8e94e8
```
#8e94e8 rgb(142,148,232)
```
#9fa3ec
```
#9fa3ec rgb(159,163,236)
```
#afb3ef
```
#afb3ef rgb(175,179,239)
```
#bfc3f2
```
#bfc3f2 rgb(191,195,242)
```
#d0d2f6
```
#d0d2f6 rgb(208,210,246)
```
#e0e2f9
```
#e0e2f9 rgb(224,226,249)
```
#f0f1fc
```
#f0f1fc rgb(240,241,252)
```

Tint Color Variation

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

#cdcdd1
```
#cdcdd1 rgb(205,205,209)
```
#c9cad5
```
#c9cad5 rgb(201,202,213)
```
#c5c6d9
```
#c5c6d9 rgb(197,198,217)
```
#c1c3dd
```
#c1c3dd rgb(193,195,221)
```
#bec0e0
```
#bec0e0 rgb(190,192,224)
```
#babde4
```
#babde4 rgb(186,189,228)
```
#b6b9e8
```
#b6b9e8 rgb(182,185,232)
```
#b3b6eb
```
#b3b6eb rgb(179,182,235)
```
#afb3ef
```
#afb3ef rgb(175,179,239)
```
#abb0f3
```
#abb0f3 rgb(171,176,243)
```
#a8adf6
```
#a8adf6 rgb(168,173,246)
```
#a4a9fa
```
#a4a9fa rgb(164,169,250)
```
#a0a6fe
```
#a0a6fe rgb(160,166,254)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b7b8c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab9f1 Protanopia 1% of men
#aeb8ef Deuteranopia 1% of men
#aabecb Tritanopia 0.001% of the population

Trichromacy

#acb6f0 Protanomaly 1% of men, 0.01% of women
#aeb6ef Deuteranomaly 6% of men, 0.4% of women
#acbad8 Tritanomaly 0.01% of the population

#afb3ef hex color

#afb3ef Color Information

#afb3ef Color Conversion

Color Schemes with #afb3ef

Alternatives to #afb3ef

#afb3ef Preview

Shades and Tints of #afb3ef

Tones of #afb3ef

Color Blindness Simulator