#afbbec hex color

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

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

● #afbbec color description : Very soft blue.

The hexadecimal color #afbbec has RGB values of R:175, G:187, B:236 and CMYK values of C:0.26, M:0.21, Y:0, K:0.07. Its decimal value is 11516908.

Hex triplet	afbbec	`#afbbec`
RGB Decimal	175, 187, 236	`rgb(175,187,236)`
RGB Percent	68.6, 73.3, 92.5	`rgb(68.6%,73.3%,92.5%)`
CMYK	26, 21, 0, 7
HSL	228.2°, 61.6, 80.6	`hsl(228.2,61.6%,80.6%)`
HSV (or HSB)	228.2°, 25.8, 92.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	76.503, 6.481, -25.726
XYZ	50.587, 50.71, 86.475
xyY	0.269, 0.27, 50.71
CIE-LCH	76.503, 26.53, 284.139
CIE-LUV	76.503, -8.798, -41.838
Hunter-Lab	71.211, 2.184, -22.151
Binary	10101111, 10111011, 11101100

#afbbec
```
#afbbec rgb(175,187,236)
```
#ece0af
```
#ece0af rgb(236,224,175)
```

Complementary Color

#afdaec
```
#afdaec rgb(175,218,236)
```
#afbbec
```
#afbbec rgb(175,187,236)
```
#c2afec
```
#c2afec rgb(194,175,236)
```

Analogous Color

#daecaf
```
#daecaf rgb(218,236,175)
```
#afbbec
```
#afbbec rgb(175,187,236)
```
#ecc2af
```
#ecc2af rgb(236,194,175)
```

Split Complementary Color

#bbecaf
```
#bbecaf rgb(187,236,175)
```
#afbbec
```
#afbbec rgb(175,187,236)
```
#ecafbb
```
#ecafbb rgb(236,175,187)
```

Triadic Color

#afece0
```
#afece0 rgb(175,236,224)
```
#afbbec
```
#afbbec rgb(175,187,236)
```
#ecafbb
```
#ecafbb rgb(236,175,187)
```
#ece0af
```
#ece0af rgb(236,224,175)
```

Tetradic Color

#7186dd
```
#7186dd rgb(113,134,221)
```
#8698e2
```
#8698e2 rgb(134,152,226)
```
#9aa9e7
```
#9aa9e7 rgb(154,169,231)
```
#afbbec
```
#afbbec rgb(175,187,236)
```
#c4cdf1
```
#c4cdf1 rgb(196,205,241)
```
#d8def6
```
#d8def6 rgb(216,222,246)
```
#edf0fb
```
#edf0fb rgb(237,240,251)
```

Monochromatic Color

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

#afcaec
```
#afcaec rgb(175,202,236)
```
#afc5ec
```
#afc5ec rgb(175,197,236)
```
#afc0ec
```
#afc0ec rgb(175,192,236)
```
#afbbec
```
#afbbec rgb(175,187,236)
```
#afb6ec
```
#afb6ec rgb(175,182,236)
```
#afb1ec
```
#afb1ec rgb(175,177,236)
```
#b2afec
```
#b2afec rgb(178,175,236)
```

Similar Colors

Text with hexadecimal color #afbbec

This text has a font color of #afbbec.

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

#afbbec background color

This paragraph has a background color of #afbbec.

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

#afbbec border color

This element has a border color of #afbbec.

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

CSS codes

.text {color:#afbbec;}

.background {background-color:#afbbec;}

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

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

#04060f
```
#04060f rgb(4,6,15)
```
#070c1f
```
#070c1f rgb(7,12,31)
```
#0b122f
```
#0b122f rgb(11,18,47)
```
#0f183f
```
#0f183f rgb(15,24,63)
```
#131e4f
```
#131e4f rgb(19,30,79)
```
#16255e
```
#16255e rgb(22,37,94)
```
#1a2b6e
```
#1a2b6e rgb(26,43,110)
```
#1e317e
```
#1e317e rgb(30,49,126)
```
#22378e
```
#22378e rgb(34,55,142)
```
#253d9e
```
#253d9e rgb(37,61,158)
```
#2943ae
```
#2943ae rgb(41,67,174)
```
#2d49bd
```
#2d49bd rgb(45,73,189)
```
#3150cd
```
#3150cd rgb(49,80,205)
```

Shade Color Variation

#405dd2
```
#405dd2 rgb(64,93,210)
```
#506ad5
```
#506ad5 rgb(80,106,213)
```
#6078d9
```
#6078d9 rgb(96,120,217)
```
#7085dd
```
#7085dd rgb(112,133,221)
```
#7f93e1
```
#7f93e1 rgb(127,147,225)
```
#8fa0e4
```
#8fa0e4 rgb(143,160,228)
```
#9faee8
```
#9faee8 rgb(159,174,232)
```
#afbbec
```
#afbbec rgb(175,187,236)
```
#bfc8f0
```
#bfc8f0 rgb(191,200,240)
```
#cfd6f4
```
#cfd6f4 rgb(207,214,244)
```
#dfe3f7
```
#dfe3f7 rgb(223,227,247)
```
#eef1fb
```
#eef1fb rgb(238,241,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 #a0b2fb is the most saturated one.

#cdcdce
```
#cdcdce rgb(205,205,206)
```
#cacbd1
```
#cacbd1 rgb(202,203,209)
```
#c6c9d5
```
#c6c9d5 rgb(198,201,213)
```
#c2c7d9
```
#c2c7d9 rgb(194,199,217)
```
#bec4dd
```
#bec4dd rgb(190,196,221)
```
#bac2e1
```
#bac2e1 rgb(186,194,225)
```
#b7c0e4
```
#b7c0e4 rgb(183,192,228)
```
#b3bde8
```
#b3bde8 rgb(179,189,232)
```
#afbbec
```
#afbbec rgb(175,187,236)
```
#abb9f0
```
#abb9f0 rgb(171,185,240)
```
#a7b6f4
```
#a7b6f4 rgb(167,182,244)
```
#a4b4f7
```
#a4b4f7 rgb(164,180,247)
```
#a0b2fb
```
#a0b2fb rgb(160,178,251)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#babdc6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4beec Protanopia 1% of men
#b9bced Deuteranopia 1% of men
#acc3d1 Tritanopia 0.001% of the population

Trichromacy

#b2bdec Protanomaly 1% of men, 0.01% of women
#b5bced Deuteranomaly 6% of men, 0.4% of women
#adc0db Tritanomaly 0.01% of the population

#afbbec hex color

#afbbec Color Information

#afbbec Color Conversion

Color Schemes with #afbbec

Alternatives to #afbbec

#afbbec Preview

Shades and Tints of #afbbec

Tones of #afbbec

Color Blindness Simulator