#b7aff4 hex color

In a RGB color space, hex #b7aff4 is composed of 71.8% red, 68.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 28.3% magenta, 0% yellow and 4.3% black. It has a hue angle of 247 degrees, a saturation of 75.8% and a lightness of 82.2%. #b7aff4 color hex could be obtained by blending #ffffff with #6f5fe9. Closest websafe color is: #cc99ff.

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

● #b7aff4 color description : Very soft blue.

The hexadecimal color #b7aff4 has RGB values of R:183, G:175, B:244 and CMYK values of C:0.25, M:0.28, Y:0, K:0.04. Its decimal value is 12038132.

Hex triplet	b7aff4	`#b7aff4`
RGB Decimal	183, 175, 244	`rgb(183,175,244)`
RGB Percent	71.8, 68.6, 95.7	`rgb(71.8%,68.6%,95.7%)`
CMYK	25, 28, 0, 4
HSL	247°, 75.8, 82.2	`hsl(247,75.8%,82.2%)`
HSV (or HSB)	247°, 28.3, 95.7
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	74.355, 17.33, -33.299
XYZ	51.185, 47.258, 92.008
xyY	0.269, 0.248, 47.258
CIE-LCH	74.355, 37.538, 297.494
CIE-LUV	74.355, -0.225, -55.893
Hunter-Lab	68.745, 12.6, -31.233
Binary	10110111, 10101111, 11110100

#b7aff4
```
#b7aff4 rgb(183,175,244)
```
#ecf4af
```
#ecf4af rgb(236,244,175)
```

Complementary Color

#afcaf4
```
#afcaf4 rgb(175,202,244)
```
#b7aff4
```
#b7aff4 rgb(183,175,244)
```
#daaff4
```
#daaff4 rgb(218,175,244)
```

Analogous Color

#caf4af
```
#caf4af rgb(202,244,175)
```
#b7aff4
```
#b7aff4 rgb(183,175,244)
```
#f4daaf
```
#f4daaf rgb(244,218,175)
```

Split Complementary Color

#aff4b7
```
#aff4b7 rgb(175,244,183)
```
#b7aff4
```
#b7aff4 rgb(183,175,244)
```
#f4b7af
```
#f4b7af rgb(244,183,175)
```

Triadic Color

#afecf4
```
#afecf4 rgb(175,236,244)
```
#b7aff4
```
#b7aff4 rgb(183,175,244)
```
#f4b7af
```
#f4b7af rgb(244,183,175)
```
#ecf4af
```
#ecf4af rgb(236,244,175)
```

Tetradic Color

#7a6ceb
```
#7a6ceb rgb(122,108,235)
```
#8f82ee
```
#8f82ee rgb(143,130,238)
```
#a399f1
```
#a399f1 rgb(163,153,241)
```
#b7aff4
```
#b7aff4 rgb(183,175,244)
```
#cbc5f7
```
#cbc5f7 rgb(203,197,247)
```
#dfdcfa
```
#dfdcfa rgb(223,220,250)
```
#f4f2fd
```
#f4f2fd rgb(244,242,253)
```

Monochromatic Color

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

#afb8f4
```
#afb8f4 rgb(175,184,244)
```
#afb3f4
```
#afb3f4 rgb(175,179,244)
```
#b1aff4
```
#b1aff4 rgb(177,175,244)
```
#b7aff4
```
#b7aff4 rgb(183,175,244)
```
#bdaff4
```
#bdaff4 rgb(189,175,244)
```
#c3aff4
```
#c3aff4 rgb(195,175,244)
```
#c8aff4
```
#c8aff4 rgb(200,175,244)
```

Similar Colors

Text with hexadecimal color #b7aff4

This text has a font color of #b7aff4.

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

#b7aff4 background color

This paragraph has a background color of #b7aff4.

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

#b7aff4 border color

This element has a border color of #b7aff4.

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

CSS codes

.text {color:#b7aff4;}

.background {background-color:#b7aff4;}

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

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

#010106
```
#010106 rgb(1,1,6)
```
#060317
```
#060317 rgb(6,3,23)
```
#0a0629
```
#0a0629 rgb(10,6,41)
```
#0e083a
```
#0e083a rgb(14,8,58)
```
#120a4b
```
#120a4b rgb(18,10,75)
```
#160d5c
```
#160d5c rgb(22,13,92)
```
#1a0f6e
```
#1a0f6e rgb(26,15,110)
```
#1e117f
```
#1e117f rgb(30,17,127)
```
#221490
```
#221490 rgb(34,20,144)
```
#2616a1
```
#2616a1 rgb(38,22,161)
```
#2a19b3
```
#2a19b3 rgb(42,25,179)
```
#2f1bc4
```
#2f1bc4 rgb(47,27,196)
```
#331dd5
```
#331dd5 rgb(51,29,213)
```

Shade Color Variation

#3b25e1
```
#3b25e1 rgb(59,37,225)
```
#4a36e3
```
#4a36e3 rgb(74,54,227)
```
#5a48e6
```
#5a48e6 rgb(90,72,230)
```
#6959e8
```
#6959e8 rgb(105,89,232)
```
#796aeb
```
#796aeb rgb(121,106,235)
```
#887bed
```
#887bed rgb(136,123,237)
```
#988def
```
#988def rgb(152,141,239)
```
#a79ef2
```
#a79ef2 rgb(167,158,242)
```
#b7aff4
```
#b7aff4 rgb(183,175,244)
```
#c7c0f6
```
#c7c0f6 rgb(199,192,246)
```
#d6d1f9
```
#d6d1f9 rgb(214,209,249)
```
#e6e3fb
```
#e6e3fb rgb(230,227,251)
```
#f5f4fd
```
#f5f4fd rgb(245,244,253)
```

Tint Color Variation

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

#cfcfd5
```
#cfcfd5 rgb(207,207,213)
```
#cdcbd8
```
#cdcbd8 rgb(205,203,216)
```
#cac8dc
```
#cac8dc rgb(202,200,220)
```
#c7c4df
```
#c7c4df rgb(199,196,223)
```
#c4c1e3
```
#c4c1e3 rgb(196,193,227)
```
#c2bde6
```
#c2bde6 rgb(194,189,230)
```
#bfbaea
```
#bfbaea rgb(191,186,234)
```
#bcb6ed
```
#bcb6ed rgb(188,182,237)
```
#bab3f1
```
#bab3f1 rgb(186,179,241)
```
#b7aff4
```
#b7aff4 rgb(183,175,244)
```
#b4acf8
```
#b4acf8 rgb(180,172,248)
```
#b2a8fb
```
#b2a8fb rgb(178,168,251)
```
#afa5ff
```
#afa5ff rgb(175,165,255)
```

Tone Color Variation

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

Dichromacy

#a6b8f8 Protanopia 1% of men
#aab8f2 Deuteranopia 1% of men
#b0bbc9 Tritanopia 0.001% of the population

Trichromacy

#acb4f6 Protanomaly 1% of men, 0.01% of women
#afb4f3 Deuteranomaly 6% of men, 0.4% of women
#b2b7d8 Tritanomaly 0.01% of the population

#b7aff4 hex color

#b7aff4 Color Information

#b7aff4 Color Conversion

Color Schemes with #b7aff4

Alternatives to #b7aff4

#b7aff4 Preview

Shades and Tints of #b7aff4

Tones of #b7aff4

Color Blindness Simulator