#bc18f9 hex color

In a RGB color space, hex #bc18f9 is composed of 73.7% red, 9.4% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 24.5% cyan, 90.4% magenta, 0% yellow and 2.4% black. It has a hue angle of 283.7 degrees, a saturation of 94.9% and a lightness of 53.5%. #bc18f9 color hex could be obtained by blending #ff30ff with #7900f3. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 74
- G 9
- B 98
RGB color chart
- C 24
- M 90
- Y 0
- K 2
CMYK color chart

● #bc18f9 color description : Vivid violet.

The hexadecimal color #bc18f9 has RGB values of R:188, G:24, B:249 and CMYK values of C:0.24, M:0.9, Y:0, K:0.02. Its decimal value is 12327161.

Hex triplet	bc18f9	`#bc18f9`
RGB Decimal	188, 24, 249	`rgb(188,24,249)`
RGB Percent	73.7, 9.4, 97.6	`rgb(73.7%,9.4%,97.6%)`
CMYK	24, 90, 0, 2
HSL	283.7°, 94.9, 53.5	`hsl(283.7,94.9%,53.5%)`
HSV (or HSB)	283.7°, 90.4, 97.6
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.72, 85.588, -75.159
XYZ	38.162, 18.186, 91.117
xyY	0.259, 0.123, 18.186
CIE-LCH	49.72, 113.905, 318.712
CIE-LUV	49.72, 40.988, -121.66
Hunter-Lab	42.645, 85.11, -96.832
Binary	10111100, 00011000, 11111001

#bc18f9
```
#bc18f9 rgb(188,24,249)
```
#55f918
```
#55f918 rgb(85,249,24)
```

Complementary Color

#4c18f9
```
#4c18f9 rgb(76,24,249)
```
#bc18f9
```
#bc18f9 rgb(188,24,249)
```
#f918c6
```
#f918c6 rgb(249,24,198)
```

Analogous Color

#18f94c
```
#18f94c rgb(24,249,76)
```
#bc18f9
```
#bc18f9 rgb(188,24,249)
```
#c6f918
```
#c6f918 rgb(198,249,24)
```

Split Complementary Color

#18f9bc
```
#18f9bc rgb(24,249,188)
```
#bc18f9
```
#bc18f9 rgb(188,24,249)
```
#f9bc18
```
#f9bc18 rgb(249,188,24)
```

Triadic Color

#1855f9
```
#1855f9 rgb(24,85,249)
```
#bc18f9
```
#bc18f9 rgb(188,24,249)
```
#f9bc18
```
#f9bc18 rgb(249,188,24)
```
#55f918
```
#55f918 rgb(85,249,24)
```

Tetradic Color

#8d05c0
```
#8d05c0 rgb(141,5,192)
```
#9f06d8
```
#9f06d8 rgb(159,6,216)
```
#b206f1
```
#b206f1 rgb(178,6,241)
```
#bc18f9
```
#bc18f9 rgb(188,24,249)
```
#c331fa
```
#c331fa rgb(195,49,250)
```
#ca4afa
```
#ca4afa rgb(202,74,250)
```
#d263fb
```
#d263fb rgb(210,99,251)
```

Monochromatic Color

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

#8418f9
```
#8418f9 rgb(132,24,249)
```
#9718f9
```
#9718f9 rgb(151,24,249)
```
#a918f9
```
#a918f9 rgb(169,24,249)
```
#bc18f9
```
#bc18f9 rgb(188,24,249)
```
#cf18f9
```
#cf18f9 rgb(207,24,249)
```
#e218f9
```
#e218f9 rgb(226,24,249)
```
#f418f9
```
#f418f9 rgb(244,24,249)
```

Similar Colors

Text with hexadecimal color #bc18f9

This text has a font color of #bc18f9.

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

#bc18f9 background color

This paragraph has a background color of #bc18f9.

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

#bc18f9 border color

This element has a border color of #bc18f9.

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

CSS codes

.text {color:#bc18f9;}

.background {background-color:#bc18f9;}

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

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

#0d0012
```
#0d0012 rgb(13,0,18)
```
#1b0125
```
#1b0125 rgb(27,1,37)
```
#290138
```
#290138 rgb(41,1,56)
```
#37024b
```
#37024b rgb(55,2,75)
```
#45025e
```
#45025e rgb(69,2,94)
```
#530371
```
#530371 rgb(83,3,113)
```
#610384
```
#610384 rgb(97,3,132)
```
#6f0497
```
#6f0497 rgb(111,4,151)
```
#7d04aa
```
#7d04aa rgb(125,4,170)
```
#8c05be
```
#8c05be rgb(140,5,190)
```
#9a05d1
```
#9a05d1 rgb(154,5,209)
```
#a806e4
```
#a806e4 rgb(168,6,228)
```
#b606f7
```
#b606f7 rgb(182,6,247)
```

Shade Color Variation

#bc18f9
```
#bc18f9 rgb(188,24,249)
```
#c22bf9
```
#c22bf9 rgb(194,43,249)
```
#c73efa
```
#c73efa rgb(199,62,250)
```
#cd51fa
```
#cd51fa rgb(205,81,250)
```
#d264fb
```
#d264fb rgb(210,100,251)
```
#d878fb
```
#d878fb rgb(216,120,251)
```
#dd8bfc
```
#dd8bfc rgb(221,139,252)
```
#e39efc
```
#e39efc rgb(227,158,252)
```
#e8b1fd
```
#e8b1fd rgb(232,177,253)
```
#eec4fd
```
#eec4fd rgb(238,196,253)
```
#f3d7fe
```
#f3d7fe rgb(243,215,254)
```
#f9eafe
```
#f9eafe rgb(249,234,254)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#8a858c
```
#8a858c rgb(138,133,140)
```
#8e7c95
```
#8e7c95 rgb(142,124,149)
```
#92739e
```
#92739e rgb(146,115,158)
```
#966aa7
```
#966aa7 rgb(150,106,167)
```
#9b61b0
```
#9b61b0 rgb(155,97,176)
```
#9f58b9
```
#9f58b9 rgb(159,88,185)
```
#a34fc2
```
#a34fc2 rgb(163,79,194)
```
#a746cb
```
#a746cb rgb(167,70,203)
```
#ab3cd5
```
#ab3cd5 rgb(171,60,213)
```
#af33de
```
#af33de rgb(175,51,222)
```
#b42ae7
```
#b42ae7 rgb(180,42,231)
```
#b821f0
```
#b821f0 rgb(184,33,240)
```
#bc18f9
```
#bc18f9 rgb(188,24,249)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#755481 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fd2 Deuteranopia 1% of men
#a76d74 Tritanopia 0.001% of the population

Trichromacy

#4456f1 Protanomaly 1% of men, 0.01% of women
#445ae0 Deuteranomaly 6% of men, 0.4% of women
#ae4ea4 Tritanomaly 0.01% of the population

#bc18f9 hex color

#bc18f9 Color Information

#bc18f9 Color Conversion

Color Schemes with #bc18f9

Alternatives to #bc18f9

#bc18f9 Preview

Shades and Tints of #bc18f9

Tones of #bc18f9

Color Blindness Simulator