#afb8ec hex color

In a RGB color space, hex #afb8ec is composed of 68.6% red, 72.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 22% magenta, 0% yellow and 7.5% black. It has a hue angle of 231.1 degrees, a saturation of 61.6% and a lightness of 80.6%. #afb8ec color hex could be obtained by blending #ffffff with #5f71d9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 72
- B 93
RGB color chart
- C 26
- M 22
- Y 0
- K 7
CMYK color chart

● #afb8ec color description : Very soft blue.

The hexadecimal color #afb8ec has RGB values of R:175, G:184, B:236 and CMYK values of C:0.26, M:0.22, Y:0, K:0.07. Its decimal value is 11516140.

Hex triplet	afb8ec	`#afb8ec`
RGB Decimal	175, 184, 236	`rgb(175,184,236)`
RGB Percent	68.6, 72.2, 92.5	`rgb(68.6%,72.2%,92.5%)`
CMYK	26, 22, 0, 7
HSL	231.1°, 61.6, 80.6	`hsl(231.1,61.6%,80.6%)`
HSV (or HSB)	231.1°, 25.8, 92.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	75.731, 8.121, -26.908
XYZ	49.957, 49.45, 86.265
xyY	0.269, 0.266, 49.45
CIE-LCH	75.731, 28.107, 286.795
CIE-LUV	75.731, -7.501, -43.989
Hunter-Lab	70.321, 3.748, -23.509
Binary	10101111, 10111000, 11101100

#afb8ec
```
#afb8ec rgb(175,184,236)
```
#ece3af
```
#ece3af rgb(236,227,175)
```

Complementary Color

#afd7ec
```
#afd7ec rgb(175,215,236)
```
#afb8ec
```
#afb8ec rgb(175,184,236)
```
#c5afec
```
#c5afec rgb(197,175,236)
```

Analogous Color

#d7ecaf
```
#d7ecaf rgb(215,236,175)
```
#afb8ec
```
#afb8ec rgb(175,184,236)
```
#ecc5af
```
#ecc5af rgb(236,197,175)
```

Split Complementary Color

#b8ecaf
```
#b8ecaf rgb(184,236,175)
```
#afb8ec
```
#afb8ec rgb(175,184,236)
```
#ecafb8
```
#ecafb8 rgb(236,175,184)
```

Triadic Color

#afece3
```
#afece3 rgb(175,236,227)
```
#afb8ec
```
#afb8ec rgb(175,184,236)
```
#ecafb8
```
#ecafb8 rgb(236,175,184)
```
#ece3af
```
#ece3af rgb(236,227,175)
```

Tetradic Color

#7181dd
```
#7181dd rgb(113,129,221)
```
#8693e2
```
#8693e2 rgb(134,147,226)
```
#9aa6e7
```
#9aa6e7 rgb(154,166,231)
```
#afb8ec
```
#afb8ec rgb(175,184,236)
```
#c4caf1
```
#c4caf1 rgb(196,202,241)
```
#d8ddf6
```
#d8ddf6 rgb(216,221,246)
```
#edeffb
```
#edeffb rgb(237,239,251)
```

Monochromatic Color

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

#afc7ec
```
#afc7ec rgb(175,199,236)
```
#afc2ec
```
#afc2ec rgb(175,194,236)
```
#afbdec
```
#afbdec rgb(175,189,236)
```
#afb8ec
```
#afb8ec rgb(175,184,236)
```
#afb3ec
```
#afb3ec rgb(175,179,236)
```
#b0afec
```
#b0afec rgb(176,175,236)
```
#b5afec
```
#b5afec rgb(181,175,236)
```

Similar Colors

Text with hexadecimal color #afb8ec

This text has a font color of #afb8ec.

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

#afb8ec background color

This paragraph has a background color of #afb8ec.

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

#afb8ec border color

This element has a border color of #afb8ec.

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

CSS codes

.text {color:#afb8ec;}

.background {background-color:#afb8ec;}

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

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, #04050f is the darkest color, while #fefeff is the lightest one.

#04050f
```
#04050f rgb(4,5,15)
```
#070b1f
```
#070b1f rgb(7,11,31)
```
#0b102f
```
#0b102f rgb(11,16,47)
```
#0f163f
```
#0f163f rgb(15,22,63)
```
#131b4f
```
#131b4f rgb(19,27,79)
```
#16215e
```
#16215e rgb(22,33,94)
```
#1a276e
```
#1a276e rgb(26,39,110)
```
#1e2c7e
```
#1e2c7e rgb(30,44,126)
```
#22328e
```
#22328e rgb(34,50,142)
```
#25379e
```
#25379e rgb(37,55,158)
```
#293dae
```
#293dae rgb(41,61,174)
```
#2d42bd
```
#2d42bd rgb(45,66,189)
```
#3148cd
```
#3148cd rgb(49,72,205)
```

Shade Color Variation

#4056d2
```
#4056d2 rgb(64,86,210)
```
#5064d5
```
#5064d5 rgb(80,100,213)
```
#6072d9
```
#6072d9 rgb(96,114,217)
```
#7080dd
```
#7080dd rgb(112,128,221)
```
#7f8ee1
```
#7f8ee1 rgb(127,142,225)
```
#8f9ce4
```
#8f9ce4 rgb(143,156,228)
```
#9faae8
```
#9faae8 rgb(159,170,232)
```
#afb8ec
```
#afb8ec rgb(175,184,236)
```
#bfc6f0
```
#bfc6f0 rgb(191,198,240)
```
#cfd4f4
```
#cfd4f4 rgb(207,212,244)
```
#dfe2f7
```
#dfe2f7 rgb(223,226,247)
```
#eef0fb
```
#eef0fb rgb(238,240,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#cdcdce
```
#cdcdce rgb(205,205,206)
```
#cacbd1
```
#cacbd1 rgb(202,203,209)
```
#c6c8d5
```
#c6c8d5 rgb(198,200,213)
```
#c2c5d9
```
#c2c5d9 rgb(194,197,217)
```
#bec3dd
```
#bec3dd rgb(190,195,221)
```
#bac0e1
```
#bac0e1 rgb(186,192,225)
```
#b7bde4
```
#b7bde4 rgb(183,189,228)
```
#b3bbe8
```
#b3bbe8 rgb(179,187,232)
```
#afb8ec
```
#afb8ec rgb(175,184,236)
```
#abb5f0
```
#abb5f0 rgb(171,181,240)
```
#a7b3f4
```
#a7b3f4 rgb(167,179,244)
```
#a4b0f7
```
#a4b0f7 rgb(164,176,247)
```
#a0adfb
```
#a0adfb rgb(160,173,251)
```

Tone Color Variation

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

Dichromacy

#b0bced Protanopia 1% of men
#b5baed Deuteranopia 1% of men
#abc1cf Tritanopia 0.001% of the population

Trichromacy

#b0baec Protanomaly 1% of men, 0.01% of women
#b3b9ec Deuteranomaly 6% of men, 0.4% of women
#adbdd9 Tritanomaly 0.01% of the population

#afb8ec hex color

#afb8ec Color Information

#afb8ec Color Conversion

Color Schemes with #afb8ec

Alternatives to #afb8ec

#afb8ec Preview

Shades and Tints of #afb8ec

Tones of #afb8ec

Color Blindness Simulator