#bb4dfd hex color

In a RGB color space, hex #bb4dfd is composed of 73.3% red, 30.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 69.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 277.5 degrees, a saturation of 97.8% and a lightness of 64.7%. #bb4dfd color hex could be obtained by blending #ff9aff with #7700fb. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 30
- B 99
RGB color chart
- C 26
- M 70
- Y 0
- K 1
CMYK color chart

● #bb4dfd color description : Soft violet.

The hexadecimal color #bb4dfd has RGB values of R:187, G:77, B:253 and CMYK values of C:0.26, M:0.7, Y:0, K:0.01. Its decimal value is 12275197.

Hex triplet	bb4dfd	`#bb4dfd`
RGB Decimal	187, 77, 253	`rgb(187,77,253)`
RGB Percent	73.3, 30.2, 99.2	`rgb(73.3%,30.2%,99.2%)`
CMYK	26, 70, 0, 1
HSL	277.5°, 97.8, 64.7	`hsl(277.5,97.8%,64.7%)`
HSV (or HSB)	277.5°, 69.6, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	55.037, 71.213, -68.769
XYZ	40.875, 22.965, 95.203
xyY	0.257, 0.144, 22.965
CIE-LCH	55.037, 98.997, 316
CIE-LUV	55.037, 32.795, -114.683
Hunter-Lab	47.922, 68.385, -84.24
Binary	10111011, 01001101, 11111101

#bb4dfd
```
#bb4dfd rgb(187,77,253)
```
#8ffd4d
```
#8ffd4d rgb(143,253,77)
```

Complementary Color

#634dfd
```
#634dfd rgb(99,77,253)
```
#bb4dfd
```
#bb4dfd rgb(187,77,253)
```
#fd4de7
```
#fd4de7 rgb(253,77,231)
```

Analogous Color

#4dfd63
```
#4dfd63 rgb(77,253,99)
```
#bb4dfd
```
#bb4dfd rgb(187,77,253)
```
#e7fd4d
```
#e7fd4d rgb(231,253,77)
```

Split Complementary Color

#4dfdbb
```
#4dfdbb rgb(77,253,187)
```
#bb4dfd
```
#bb4dfd rgb(187,77,253)
```
#fdbb4d
```
#fdbb4d rgb(253,187,77)
```

Triadic Color

#4d8ffd
```
#4d8ffd rgb(77,143,253)
```
#bb4dfd
```
#bb4dfd rgb(187,77,253)
```
#fdbb4d
```
#fdbb4d rgb(253,187,77)
```
#8ffd4d
```
#8ffd4d rgb(143,253,77)
```

Tetradic Color

#9e03fb
```
#9e03fb rgb(158,3,251)
```
#a81bfc
```
#a81bfc rgb(168,27,252)
```
#b134fd
```
#b134fd rgb(177,52,253)
```
#bb4dfd
```
#bb4dfd rgb(187,77,253)
```
#c566fd
```
#c566fd rgb(197,102,253)
```
#ce7ffe
```
#ce7ffe rgb(206,127,254)
```
#d899fe
```
#d899fe rgb(216,153,254)
```

Monochromatic Color

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

#8f4dfd
```
#8f4dfd rgb(143,77,253)
```
#9e4dfd
```
#9e4dfd rgb(158,77,253)
```
#ac4dfd
```
#ac4dfd rgb(172,77,253)
```
#bb4dfd
```
#bb4dfd rgb(187,77,253)
```
#ca4dfd
```
#ca4dfd rgb(202,77,253)
```
#d84dfd
```
#d84dfd rgb(216,77,253)
```
#e74dfd
```
#e74dfd rgb(231,77,253)
```

Similar Colors

Text with hexadecimal color #bb4dfd

This text has a font color of #bb4dfd.

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

#bb4dfd background color

This paragraph has a background color of #bb4dfd.

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

#bb4dfd border color

This element has a border color of #bb4dfd.

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

CSS codes

.text {color:#bb4dfd;}

.background {background-color:#bb4dfd;}

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

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, #0a0010 is the darkest color, while #fefcff is the lightest one.

#0a0010
```
#0a0010 rgb(10,0,16)
```
#160023
```
#160023 rgb(22,0,35)
```
#220137
```
#220137 rgb(34,1,55)
```
#2f014a
```
#2f014a rgb(47,1,74)
```
#3b015e
```
#3b015e rgb(59,1,94)
```
#470171
```
#470171 rgb(71,1,113)
```
#530184
```
#530184 rgb(83,1,132)
```
#5f0298
```
#5f0298 rgb(95,2,152)
```
#6c02ab
```
#6c02ab rgb(108,2,171)
```
#7802bf
```
#7802bf rgb(120,2,191)
```
#8402d2
```
#8402d2 rgb(132,2,210)
```
#9003e5
```
#9003e5 rgb(144,3,229)
```
#9d03f9
```
#9d03f9 rgb(157,3,249)
```

Shade Color Variation

#a513fc
```
#a513fc rgb(165,19,252)
```
#ac26fd
```
#ac26fd rgb(172,38,253)
```
#b43afd
```
#b43afd rgb(180,58,253)
```
#bb4dfd
```
#bb4dfd rgb(187,77,253)
```
#c260fd
```
#c260fd rgb(194,96,253)
```
#ca74fd
```
#ca74fd rgb(202,116,253)
```
#d187fe
```
#d187fe rgb(209,135,254)
```
#d99bfe
```
#d99bfe rgb(217,155,254)
```
#e0aefe
```
#e0aefe rgb(224,174,254)
```
#e7c1fe
```
#e7c1fe rgb(231,193,254)
```
#efd5ff
```
#efd5ff rgb(239,213,255)
```
#f6e8ff
```
#f6e8ff rgb(246,232,255)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#a6a0aa
```
#a6a0aa rgb(166,160,170)
```
#a899b1
```
#a899b1 rgb(168,153,177)
```
#aa92b8
```
#aa92b8 rgb(170,146,184)
```
#ab8bbf
```
#ab8bbf rgb(171,139,191)
```
#ad84c6
```
#ad84c6 rgb(173,132,198)
```
#af7dcd
```
#af7dcd rgb(175,125,205)
```
#b177d3
```
#b177d3 rgb(177,119,211)
```
#b270da
```
#b270da rgb(178,112,218)
```
#b469e1
```
#b469e1 rgb(180,105,225)
```
#b662e8
```
#b662e8 rgb(182,98,232)
```
#b85bef
```
#b85bef rgb(184,91,239)
```
#b954f6
```
#b954f6 rgb(185,84,246)
```
#bb4dfd
```
#bb4dfd rgb(187,77,253)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8d779b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3086ff Protanopia 1% of men
#008cea Deuteranopia 1% of men
#a77f88 Tritanopia 0.001% of the population

Trichromacy

#6271fe Protanomaly 1% of men, 0.01% of women
#4475f1 Deuteranomaly 6% of men, 0.4% of women
#ae6db2 Tritanomaly 0.01% of the population

#bb4dfd hex color

#bb4dfd Color Information

#bb4dfd Color Conversion

Color Schemes with #bb4dfd

Alternatives to #bb4dfd

#bb4dfd Preview

Shades and Tints of #bb4dfd

Tones of #bb4dfd

Color Blindness Simulator