colorhexa.com

#bb4afd hex color

In a RGB color space, hex #bb4afd is composed of 73.3% red, 29% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 70.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 277.9 degrees, a saturation of 97.8% and a lightness of 64.1%. #bb4afd color hex could be obtained by blending #ff94ff with #7700fb. Closest websafe color is: #cc33ff.

- R 73
- G 29
- B 99
RGB color chart
- C 26
- M 71
- Y 0
- K 1
CMYK color chart

● #bb4afd color description : Bright violet.

The hexadecimal color #bb4afd has RGB values of R:187, G:74, B:253 and CMYK values of C:0.26, M:0.71, Y:0, K:0.01. Its decimal value is 12274429.

Hex triplet	bb4afd	`#bb4afd`
RGB Decimal	187, 74, 253	`rgb(187,74,253)`
RGB Percent	73.3, 29, 99.2	`rgb(73.3%,29%,99.2%)`
CMYK	26, 71, 0, 1
HSL	277.9°, 97.8, 64.1	`hsl(277.9,97.8%,64.1%)`
HSV (or HSB)	277.9°, 70.8, 99.2
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	54.611, 72.414, -69.457
XYZ	40.669, 22.555, 95.134
xyY	0.257, 0.142, 22.555
CIE-LCH	54.611, 100.34, 316.194
CIE-LUV	54.611, 33.374, -115.581
Hunter-Lab	47.492, 69.744, -85.522
Binary	10111011, 01001010, 11111101

#bb4afd
```
#bb4afd rgb(187,74,253)
```
#8cfd4a
```
#8cfd4a rgb(140,253,74)
```

Complementary Color

#624afd
```
#624afd rgb(98,74,253)
```
#bb4afd
```
#bb4afd rgb(187,74,253)
```
#fd4ae6
```
#fd4ae6 rgb(253,74,230)
```

Analogous Color

#4afd62
```
#4afd62 rgb(74,253,98)
```
#bb4afd
```
#bb4afd rgb(187,74,253)
```
#e6fd4a
```
#e6fd4a rgb(230,253,74)
```

Split Complementary Color

#4afdbb
```
#4afdbb rgb(74,253,187)
```
#bb4afd
```
#bb4afd rgb(187,74,253)
```
#fdbb4a
```
#fdbb4a rgb(253,187,74)
```

Triadic Color

#4a8cfd
```
#4a8cfd rgb(74,140,253)
```
#bb4afd
```
#bb4afd rgb(187,74,253)
```
#fdbb4a
```
#fdbb4a rgb(253,187,74)
```
#8cfd4a
```
#8cfd4a rgb(140,253,74)
```

Tetradic Color

#9d03f8
```
#9d03f8 rgb(157,3,248)
```
#a818fc
```
#a818fc rgb(168,24,252)
```
#b231fd
```
#b231fd rgb(178,49,253)
```
#bb4afd
```
#bb4afd rgb(187,74,253)
```
#c463fd
```
#c463fd rgb(196,99,253)
```
#ce7cfe
```
#ce7cfe rgb(206,124,254)
```
#d796fe
```
#d796fe rgb(215,150,254)
```

Monochromatic Color

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

#8e4afd
```
#8e4afd rgb(142,74,253)
```
#9d4afd
```
#9d4afd rgb(157,74,253)
```
#ac4afd
```
#ac4afd rgb(172,74,253)
```
#bb4afd
```
#bb4afd rgb(187,74,253)
```
#ca4afd
```
#ca4afd rgb(202,74,253)
```
#d94afd
```
#d94afd rgb(217,74,253)
```
#e84afd
```
#e84afd rgb(232,74,253)
```

Similar Colors

Text with hexadecimal color #bb4afd

This text has a font color of #bb4afd.

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

#bb4afd background color

This paragraph has a background color of #bb4afd.

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

#bb4afd border color

This element has a border color of #bb4afd.

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

CSS codes

.text {color:#bb4afd;}

.background {background-color:#bb4afd;}

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

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, #08000d is the darkest color, while #fdf9ff is the lightest one.

#08000d
```
#08000d rgb(8,0,13)
```
#150020
```
#150020 rgb(21,0,32)
```
#210134
```
#210134 rgb(33,1,52)
```
#2d0147
```
#2d0147 rgb(45,1,71)
```
#3a015b
```
#3a015b rgb(58,1,91)
```
#46016e
```
#46016e rgb(70,1,110)
```
#520181
```
#520181 rgb(82,1,129)
```
#5f0295
```
#5f0295 rgb(95,2,149)
```
#6b02a8
```
#6b02a8 rgb(107,2,168)
```
#7702bc
```
#7702bc rgb(119,2,188)
```
#8402cf
```
#8402cf rgb(132,2,207)
```
#9003e2
```
#9003e2 rgb(144,3,226)
```
#9c03f6
```
#9c03f6 rgb(156,3,246)
```

Shade Color Variation

#a510fc
```
#a510fc rgb(165,16,252)
```
#ac23fd
```
#ac23fd rgb(172,35,253)
```
#b437fd
```
#b437fd rgb(180,55,253)
```
#bb4afd
```
#bb4afd rgb(187,74,253)
```
#c25dfd
```
#c25dfd rgb(194,93,253)
```
#ca71fd
```
#ca71fd rgb(202,113,253)
```
#d184fe
```
#d184fe rgb(209,132,254)
```
#d898fe
```
#d898fe rgb(216,152,254)
```
#dfabfe
```
#dfabfe rgb(223,171,254)
```
#e7befe
```
#e7befe rgb(231,190,254)
```
#eed2ff
```
#eed2ff rgb(238,210,255)
```
#f5e5ff
```
#f5e5ff rgb(245,229,255)
```
#fdf9ff
```
#fdf9ff rgb(253,249,255)
```

Tint Color Variation

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

#a59ea9
```
#a59ea9 rgb(165,158,169)
```
#a797b0
```
#a797b0 rgb(167,151,176)
```
#a990b7
```
#a990b7 rgb(169,144,183)
```
#aa89be
```
#aa89be rgb(170,137,190)
```
#ac82c5
```
#ac82c5 rgb(172,130,197)
```
#ae7bcc
```
#ae7bcc rgb(174,123,204)
```
#b074d3
```
#b074d3 rgb(176,116,211)
```
#b26dda
```
#b26dda rgb(178,109,218)
```
#b466e1
```
#b466e1 rgb(180,102,225)
```
#b55fe8
```
#b55fe8 rgb(181,95,232)
```
#b758ef
```
#b758ef rgb(183,88,239)
```
#b951f6
```
#b951f6 rgb(185,81,246)
```
#bb4afd
```
#bb4afd rgb(187,74,253)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8c7599 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2985ff Protanopia 1% of men
#008be8 Deuteranopia 1% of men
#a77e87 Tritanopia 0.001% of the population

Trichromacy

#5e6ffe Protanomaly 1% of men, 0.01% of women
#4473ef Deuteranomaly 6% of men, 0.4% of women
#ae6bb2 Tritanomaly 0.01% of the population