colorhexa.com

#bb66fd hex color

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

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

● #bb66fd color description : Soft violet.

The hexadecimal color #bb66fd has RGB values of R:187, G:102, B:253 and CMYK values of C:0.26, M:0.6, Y:0, K:0.01. Its decimal value is 12281597.

Hex triplet	bb66fd	`#bb66fd`
RGB Decimal	187, 102, 253	`rgb(187,102,253)`
RGB Percent	73.3, 40, 99.2	`rgb(73.3%,40%,99.2%)`
CMYK	26, 60, 0, 1
HSL	273.8°, 97.4, 69.6	`hsl(273.8,97.4%,69.6%)`
HSV (or HSB)	273.8°, 59.7, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	59.122, 59.95, -62.192
XYZ	42.972, 27.16, 95.902
xyY	0.259, 0.164, 27.16
CIE-LCH	59.122, 86.382, 313.948
CIE-LUV	59.122, 26.935, -105.412
Hunter-Lab	52.115, 55.98, -72.623
Binary	10111011, 01100110, 11111101

#bb66fd
```
#bb66fd rgb(187,102,253)
```
#a8fd66
```
#a8fd66 rgb(168,253,102)
```

Complementary Color

#7066fd
```
#7066fd rgb(112,102,253)
```
#bb66fd
```
#bb66fd rgb(187,102,253)
```
#fd66f4
```
#fd66f4 rgb(253,102,244)
```

Analogous Color

#66fd70
```
#66fd70 rgb(102,253,112)
```
#bb66fd
```
#bb66fd rgb(187,102,253)
```
#f4fd66
```
#f4fd66 rgb(244,253,102)
```

Split Complementary Color

#66fdbb
```
#66fdbb rgb(102,253,187)
```
#bb66fd
```
#bb66fd rgb(187,102,253)
```
#fdbb66
```
#fdbb66 rgb(253,187,102)
```

Triadic Color

#66a8fd
```
#66a8fd rgb(102,168,253)
```
#bb66fd
```
#bb66fd rgb(187,102,253)
```
#fdbb66
```
#fdbb66 rgb(253,187,102)
```
#a8fd66
```
#a8fd66 rgb(168,253,102)
```

Tetradic Color

#991afc
```
#991afc rgb(153,26,252)
```
#a534fc
```
#a534fc rgb(165,52,252)
```
#b04dfd
```
#b04dfd rgb(176,77,253)
```
#bb66fd
```
#bb66fd rgb(187,102,253)
```
#c67ffd
```
#c67ffd rgb(198,127,253)
```
#d198fe
```
#d198fe rgb(209,152,254)
```
#ddb2fe
```
#ddb2fe rgb(221,178,254)
```

Monochromatic Color

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

#9566fd
```
#9566fd rgb(149,102,253)
```
#a266fd
```
#a266fd rgb(162,102,253)
```
#ae66fd
```
#ae66fd rgb(174,102,253)
```
#bb66fd
```
#bb66fd rgb(187,102,253)
```
#c866fd
```
#c866fd rgb(200,102,253)
```
#d466fd
```
#d466fd rgb(212,102,253)
```
#e166fd
```
#e166fd rgb(225,102,253)
```

Similar Colors

Text with hexadecimal color #bb66fd

This text has a font color of #bb66fd.

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

#bb66fd background color

This paragraph has a background color of #bb66fd.

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

#bb66fd border color

This element has a border color of #bb66fd.

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

CSS codes

.text {color:#bb66fd;}

.background {background-color:#bb66fd;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0c0015
```
#0c0015 rgb(12,0,21)
```
#170129
```
#170129 rgb(23,1,41)
```
#22013c
```
#22013c rgb(34,1,60)
```
#2d014f
```
#2d014f rgb(45,1,79)
```
#380163
```
#380163 rgb(56,1,99)
```
#430276
```
#430276 rgb(67,2,118)
```
#4e0289
```
#4e0289 rgb(78,2,137)
```
#59029d
```
#59029d rgb(89,2,157)
```
#6402b0
```
#6402b0 rgb(100,2,176)
```
#6f03c4
```
#6f03c4 rgb(111,3,196)
```
#7a03d7
```
#7a03d7 rgb(122,3,215)
```
#8503ea
```
#8503ea rgb(133,3,234)
```

Shade Color Variation

#9005fc
```
#9005fc rgb(144,5,252)
```
#9919fc
```
#9919fc rgb(153,25,252)
```
#a12cfc
```
#a12cfc rgb(161,44,252)
```
#aa3ffc
```
#aa3ffc rgb(170,63,252)
```
#b253fd
```
#b253fd rgb(178,83,253)
```
#bb66fd
```
#bb66fd rgb(187,102,253)
```
#c479fd
```
#c479fd rgb(196,121,253)
```
#cc8dfe
```
#cc8dfe rgb(204,141,254)
```
#d5a0fe
```
#d5a0fe rgb(213,160,254)
```
#ddb3fe
```
#ddb3fe rgb(221,179,254)
```
#e6c7fe
```
#e6c7fe rgb(230,199,254)
```
#efdaff
```
#efdaff rgb(239,218,255)
```
#f7eeff
```
#f7eeff rgb(247,238,255)
```

Tint Color Variation

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

#b2aeb5
```
#b2aeb5 rgb(178,174,181)
```
#b3a8bb
```
#b3a8bb rgb(179,168,187)
```
#b3a2c1
```
#b3a2c1 rgb(179,162,193)
```
#b49cc7
```
#b49cc7 rgb(180,156,199)
```
#b596cd
```
#b596cd rgb(181,150,205)
```
#b690d3
```
#b690d3 rgb(182,144,211)
```
#b68ad9
```
#b68ad9 rgb(182,138,217)
```
#b784df
```
#b784df rgb(183,132,223)
```
#b87ee5
```
#b87ee5 rgb(184,126,229)
```
#b978eb
```
#b978eb rgb(185,120,235)
```
#b972f1
```
#b972f1 rgb(185,114,241)
```
#ba6cf7
```
#ba6cf7 rgb(186,108,247)
```
#bb66fd
```
#bb66fd rgb(187,102,253)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#9988a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5690ff Protanopia 1% of men
#4995ef Deuteranopia 1% of men
#a98c96 Tritanopia 0.001% of the population

Trichromacy

#7a81fe Protanomaly 1% of men, 0.01% of women
#7284f4 Deuteranomaly 6% of men, 0.4% of women
#af7ebb Tritanomaly 0.01% of the population