#b7acf4 hex color

In a RGB color space, hex #b7acf4 is composed of 71.8% red, 67.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 29.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 249.2 degrees, a saturation of 76.6% and a lightness of 81.6%. #b7acf4 color hex could be obtained by blending #ffffff with #6f59e9. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 72
- G 67
- B 96
RGB color chart
- C 25
- M 30
- Y 0
- K 4
CMYK color chart

● #b7acf4 color description : Very soft blue.

The hexadecimal color #b7acf4 has RGB values of R:183, G:172, B:244 and CMYK values of C:0.25, M:0.3, Y:0, K:0.04. Its decimal value is 12037364.

Hex triplet	b7acf4	`#b7acf4`
RGB Decimal	183, 172, 244	`rgb(183,172,244)`
RGB Percent	71.8, 67.5, 95.7	`rgb(71.8%,67.5%,95.7%)`
CMYK	25, 30, 0, 4
HSL	249.2°, 76.6, 81.6	`hsl(249.2,76.6%,81.6%)`
HSV (or HSB)	249.2°, 29.5, 95.7
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	73.613, 18.993, -34.446
XYZ	50.607, 46.104, 91.816
xyY	0.268, 0.245, 46.104
CIE-LCH	73.613, 39.335, 298.871
CIE-LUV	73.613, 1.039, -57.976
Hunter-Lab	67.9, 14.216, -32.644
Binary	10110111, 10101100, 11110100

#b7acf4
```
#b7acf4 rgb(183,172,244)
```
#e9f4ac
```
#e9f4ac rgb(233,244,172)
```

Complementary Color

#acc5f4
```
#acc5f4 rgb(172,197,244)
```
#b7acf4
```
#b7acf4 rgb(183,172,244)
```
#dbacf4
```
#dbacf4 rgb(219,172,244)
```

Analogous Color

#c5f4ac
```
#c5f4ac rgb(197,244,172)
```
#b7acf4
```
#b7acf4 rgb(183,172,244)
```
#f4dbac
```
#f4dbac rgb(244,219,172)
```

Split Complementary Color

#acf4b7
```
#acf4b7 rgb(172,244,183)
```
#b7acf4
```
#b7acf4 rgb(183,172,244)
```
#f4b7ac
```
#f4b7ac rgb(244,183,172)
```

Triadic Color

#ace9f4
```
#ace9f4 rgb(172,233,244)
```
#b7acf4
```
#b7acf4 rgb(183,172,244)
```
#f4b7ac
```
#f4b7ac rgb(244,183,172)
```
#e9f4ac
```
#e9f4ac rgb(233,244,172)
```

Tetradic Color

#7c68eb
```
#7c68eb rgb(124,104,235)
```
#907fee
```
#907fee rgb(144,127,238)
```
#a395f1
```
#a395f1 rgb(163,149,241)
```
#b7acf4
```
#b7acf4 rgb(183,172,244)
```
#cbc3f7
```
#cbc3f7 rgb(203,195,247)
```
#ded9fa
```
#ded9fa rgb(222,217,250)
```
#f2f0fd
```
#f2f0fd rgb(242,240,253)
```

Monochromatic Color

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

#acb3f4
```
#acb3f4 rgb(172,179,244)
```
#acadf4
```
#acadf4 rgb(172,173,244)
```
#b1acf4
```
#b1acf4 rgb(177,172,244)
```
#b7acf4
```
#b7acf4 rgb(183,172,244)
```
#bdacf4
```
#bdacf4 rgb(189,172,244)
```
#c3acf4
```
#c3acf4 rgb(195,172,244)
```
#c9acf4
```
#c9acf4 rgb(201,172,244)
```

Similar Colors

Text with hexadecimal color #b7acf4

This text has a font color of #b7acf4.

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

#b7acf4 background color

This paragraph has a background color of #b7acf4.

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

#b7acf4 border color

This element has a border color of #b7acf4.

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

CSS codes

.text {color:#b7acf4;}

.background {background-color:#b7acf4;}

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

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

#010004
```
#010004 rgb(1,0,4)
```
#060315
```
#060315 rgb(6,3,21)
```
#0a0526
```
#0a0526 rgb(10,5,38)
```
#0f0738
```
#0f0738 rgb(15,7,56)
```
#130a49
```
#130a49 rgb(19,10,73)
```
#180c5a
```
#180c5a rgb(24,12,90)
```
#1c0e6c
```
#1c0e6c rgb(28,14,108)
```
#21117d
```
#21117d rgb(33,17,125)
```
#26138e
```
#26138e rgb(38,19,142)
```
#2a159f
```
#2a159f rgb(42,21,159)
```
#2f17b1
```
#2f17b1 rgb(47,23,177)
```
#331ac2
```
#331ac2 rgb(51,26,194)
```
#381cd3
```
#381cd3 rgb(56,28,211)
```

Shade Color Variation

#3f21e2
```
#3f21e2 rgb(63,33,226)
```
#4e33e4
```
#4e33e4 rgb(78,51,228)
```
#5d44e6
```
#5d44e6 rgb(93,68,230)
```
#6c55e9
```
#6c55e9 rgb(108,85,233)
```
#7b67eb
```
#7b67eb rgb(123,103,235)
```
#8a78ed
```
#8a78ed rgb(138,120,237)
```
#9989ef
```
#9989ef rgb(153,137,239)
```
#a89bf2
```
#a89bf2 rgb(168,155,242)
```
#b7acf4
```
#b7acf4 rgb(183,172,244)
```
#c6bdf6
```
#c6bdf6 rgb(198,189,246)
```
#d5cff9
```
#d5cff9 rgb(213,207,249)
```
#e4e0fb
```
#e4e0fb rgb(228,224,251)
```
#f3f1fd
```
#f3f1fd rgb(243,241,253)
```

Tint Color Variation

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

#cecdd3
```
#cecdd3 rgb(206,205,211)
```
#cbc9d7
```
#cbc9d7 rgb(203,201,215)
```
#c9c5db
```
#c9c5db rgb(201,197,219)
```
#c6c2de
```
#c6c2de rgb(198,194,222)
```
#c4bee2
```
#c4bee2 rgb(196,190,226)
```
#c1bae6
```
#c1bae6 rgb(193,186,230)
```
#bfb7e9
```
#bfb7e9 rgb(191,183,233)
```
#bcb3ed
```
#bcb3ed rgb(188,179,237)
```
#bab0f0
```
#bab0f0 rgb(186,176,240)
```
#b7acf4
```
#b7acf4 rgb(183,172,244)
```
#b4a8f8
```
#b4a8f8 rgb(180,168,248)
```
#b2a5fb
```
#b2a5fb rgb(178,165,251)
```
#afa1ff
```
#afa1ff rgb(175,161,255)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b7b5c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b6f8 Protanopia 1% of men
#a7b6f2 Deuteranopia 1% of men
#b0b9c6 Tritanopia 0.001% of the population

Trichromacy

#aab2f7 Protanomaly 1% of men, 0.01% of women
#adb2f3 Deuteranomaly 6% of men, 0.4% of women
#b2b4d7 Tritanomaly 0.01% of the population

#b7acf4 hex color

#b7acf4 Color Information

#b7acf4 Color Conversion

Color Schemes with #b7acf4

Alternatives to #b7acf4

#b7acf4 Preview

Shades and Tints of #b7acf4

Tones of #b7acf4

Color Blindness Simulator