#b2afda hex color

In a RGB color space, hex #b2afda is composed of 69.8% red, 68.6% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 19.7% magenta, 0% yellow and 14.5% black. It has a hue angle of 244.2 degrees, a saturation of 36.8% and a lightness of 77.1%. #b2afda color hex could be obtained by blending #ffffff with #655fb5. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 70
- G 69
- B 85
RGB color chart
- C 18
- M 20
- Y 0
- K 15
CMYK color chart

● #b2afda color description : Light grayish blue.

The hexadecimal color #b2afda has RGB values of R:178, G:175, B:218 and CMYK values of C:0.18, M:0.2, Y:0, K:0.15. Its decimal value is 11710426.

Hex triplet	b2afda	`#b2afda`
RGB Decimal	178, 175, 218	`rgb(178,175,218)`
RGB Percent	69.8, 68.6, 85.5	`rgb(69.8%,68.6%,85.5%)`
CMYK	18, 20, 0, 15
HSL	244.2°, 36.8, 77.1	`hsl(244.2,36.8%,77.1%)`
HSV (or HSB)	244.2°, 19.7, 85.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	73.015, 9.852, -21.257
XYZ	46.343, 45.187, 72.606
xyY	0.282, 0.275, 45.187
CIE-LCH	73.015, 23.429, 294.867
CIE-LUV	73.015, -0.994, -34.739
Hunter-Lab	67.221, 5.423, -16.985
Binary	10110010, 10101111, 11011010

#b2afda
```
#b2afda rgb(178,175,218)
```
#d7daaf
```
#d7daaf rgb(215,218,175)
```

Complementary Color

#afc2da
```
#afc2da rgb(175,194,218)
```
#b2afda
```
#b2afda rgb(178,175,218)
```
#c8afda
```
#c8afda rgb(200,175,218)
```

Analogous Color

#c2daaf
```
#c2daaf rgb(194,218,175)
```
#b2afda
```
#b2afda rgb(178,175,218)
```
#dac8af
```
#dac8af rgb(218,200,175)
```

Split Complementary Color

#afdab2
```
#afdab2 rgb(175,218,178)
```
#b2afda
```
#b2afda rgb(178,175,218)
```
#dab2af
```
#dab2af rgb(218,178,175)
```

Triadic Color

#afd7da
```
#afd7da rgb(175,215,218)
```
#b2afda
```
#b2afda rgb(178,175,218)
```
#dab2af
```
#dab2af rgb(218,178,175)
```
#d7daaf
```
#d7daaf rgb(215,218,175)
```

Tetradic Color

#807bc2
```
#807bc2 rgb(128,123,194)
```
#908cca
```
#908cca rgb(144,140,202)
```
#a19ed2
```
#a19ed2 rgb(161,158,210)
```
#b2afda
```
#b2afda rgb(178,175,218)
```
#c3c0e2
```
#c3c0e2 rgb(195,192,226)
```
#d4d2ea
```
#d4d2ea rgb(212,210,234)
```
#e4e3f2
```
#e4e3f2 rgb(228,227,242)
```

Monochromatic Color

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

#afb7da
```
#afb7da rgb(175,183,218)
```
#afb3da
```
#afb3da rgb(175,179,218)
```
#afb0da
```
#afb0da rgb(175,176,218)
```
#b2afda
```
#b2afda rgb(178,175,218)
```
#b6afda
```
#b6afda rgb(182,175,218)
```
#b9afda
```
#b9afda rgb(185,175,218)
```
#bdafda
```
#bdafda rgb(189,175,218)
```

Similar Colors

Text with hexadecimal color #b2afda

This text has a font color of #b2afda.

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

#b2afda background color

This paragraph has a background color of #b2afda.

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

#b2afda border color

This element has a border color of #b2afda.

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

CSS codes

.text {color:#b2afda;}

.background {background-color:#b2afda;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#07060e
```
#07060e rgb(7,6,14)
```
#0e0d1b
```
#0e0d1b rgb(14,13,27)
```
#141329
```
#141329 rgb(20,19,41)
```
#1b1936
```
#1b1936 rgb(27,25,54)
```
#221f44
```
#221f44 rgb(34,31,68)
```
#282551
```
#282551 rgb(40,37,81)
```
#2f2c5e
```
#2f2c5e rgb(47,44,94)
```
#36326c
```
#36326c rgb(54,50,108)
```
#3d3879
```
#3d3879 rgb(61,56,121)
```
#433e87
```
#433e87 rgb(67,62,135)
```
#4a4494
```
#4a4494 rgb(74,68,148)
```
#514ba1
```
#514ba1 rgb(81,75,161)
```

Shade Color Variation

#5851af
```
#5851af rgb(88,81,175)
```
#655fb5
```
#655fb5 rgb(101,95,181)
```
#716cbb
```
#716cbb rgb(113,108,187)
```
#7e79c1
```
#7e79c1 rgb(126,121,193)
```
#8b87c7
```
#8b87c7 rgb(139,135,199)
```
#9894ce
```
#9894ce rgb(152,148,206)
```
#a5a2d4
```
#a5a2d4 rgb(165,162,212)
```
#b2afda
```
#b2afda rgb(178,175,218)
```
#bfbce0
```
#bfbce0 rgb(191,188,224)
```
#cccae6
```
#cccae6 rgb(204,202,230)
```
#d9d7ed
```
#d9d7ed rgb(217,215,237)
```
#e6e5f3
```
#e6e5f3 rgb(230,229,243)
```
#f3f2f9
```
#f3f2f9 rgb(243,242,249)
```

Tint Color Variation

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

#c1c1c8
```
#c1c1c8 rgb(193,193,200)
```
#bebdcd
```
#bebdcd rgb(190,189,205)
```
#bab8d1
```
#bab8d1 rgb(186,184,209)
```
#b6b4d6
```
#b6b4d6 rgb(182,180,214)
```
#b2afda
```
#b2afda rgb(178,175,218)
```
#aeabdf
```
#aeabdf rgb(174,171,223)
```
#aaa6e3
```
#aaa6e3 rgb(170,166,227)
```
#a6a2e8
```
#a6a2e8 rgb(166,162,232)
```
#a39dec
```
#a39dec rgb(163,157,236)
```
#9f99f1
```
#9f99f1 rgb(159,153,241)
```
#9b94f5
```
#9b94f5 rgb(155,148,245)
```
#9790fa
```
#9790fa rgb(151,144,250)
```
#938bfe
```
#938bfe rgb(147,139,254)
```

Tone Color Variation

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

Dichromacy

#adb5dd Protanopia 1% of men
#b4b3db Deuteranopia 1% of men
#b0b7c4 Tritanopia 0.001% of the population

Trichromacy

#afb3dc Protanomaly 1% of men, 0.01% of women
#b3b1db Deuteranomaly 6% of men, 0.4% of women
#b1b4cc Tritanomaly 0.01% of the population

#b2afda hex color

#b2afda Color Information

#b2afda Color Conversion

Color Schemes with #b2afda

Alternatives to #b2afda

#b2afda Preview

Shades and Tints of #b2afda

Tones of #b2afda

Color Blindness Simulator