#bd3df8 hex color

In a RGB color space, hex #bd3df8 is composed of 74.1% red, 23.9% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 75.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 281.1 degrees, a saturation of 93% and a lightness of 60.6%. #bd3df8 color hex could be obtained by blending #ff7aff with #7b00f1. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 74
- G 24
- B 97
RGB color chart
- C 24
- M 75
- Y 0
- K 3
CMYK color chart

● #bd3df8 color description : Bright violet.

The hexadecimal color #bd3df8 has RGB values of R:189, G:61, B:248 and CMYK values of C:0.24, M:0.75, Y:0, K:0.03. Its decimal value is 12402168.

Hex triplet	bd3df8	`#bd3df8`
RGB Decimal	189, 61, 248	`rgb(189,61,248)`
RGB Percent	74.1, 23.9, 97.3	`rgb(74.1%,23.9%,97.3%)`
CMYK	24, 75, 0, 3
HSL	281.1°, 93, 60.6	`hsl(281.1,93%,60.6%)`
HSV (or HSB)	281.1°, 75.4, 97.3
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.878, 76.54, -69.466
XYZ	39.596, 20.935, 90.757
xyY	0.262, 0.138, 20.935
CIE-LCH	52.878, 103.363, 317.774
CIE-LUV	52.878, 37.955, -115.006
Hunter-Lab	45.755, 74.403, -85.577
Binary	10111101, 00111101, 11111000

#bd3df8
```
#bd3df8 rgb(189,61,248)
```
#78f83d
```
#78f83d rgb(120,248,61)
```

Complementary Color

#603df8
```
#603df8 rgb(96,61,248)
```
#bd3df8
```
#bd3df8 rgb(189,61,248)
```
#f83dd6
```
#f83dd6 rgb(248,61,214)
```

Analogous Color

#3df860
```
#3df860 rgb(61,248,96)
```
#bd3df8
```
#bd3df8 rgb(189,61,248)
```
#d6f83d
```
#d6f83d rgb(214,248,61)
```

Split Complementary Color

#3df8bd
```
#3df8bd rgb(61,248,189)
```
#bd3df8
```
#bd3df8 rgb(189,61,248)
```
#f8bd3d
```
#f8bd3d rgb(248,189,61)
```

Triadic Color

#3d78f8
```
#3d78f8 rgb(61,120,248)
```
#bd3df8
```
#bd3df8 rgb(189,61,248)
```
#f8bd3d
```
#f8bd3d rgb(248,189,61)
```
#78f83d
```
#78f83d rgb(120,248,61)
```

Tetradic Color

#9c08e0
```
#9c08e0 rgb(156,8,224)
```
#ac0cf6
```
#ac0cf6 rgb(172,12,246)
```
#b524f7
```
#b524f7 rgb(181,36,247)
```
#bd3df8
```
#bd3df8 rgb(189,61,248)
```
#c556f9
```
#c556f9 rgb(197,86,249)
```
#ce6efa
```
#ce6efa rgb(206,110,250)
```
#d687fb
```
#d687fb rgb(214,135,251)
```

Monochromatic Color

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

#8e3df8
```
#8e3df8 rgb(142,61,248)
```
#9e3df8
```
#9e3df8 rgb(158,61,248)
```
#ad3df8
```
#ad3df8 rgb(173,61,248)
```
#bd3df8
```
#bd3df8 rgb(189,61,248)
```
#cd3df8
```
#cd3df8 rgb(205,61,248)
```
#dc3df8
```
#dc3df8 rgb(220,61,248)
```
#ec3df8
```
#ec3df8 rgb(236,61,248)
```

Similar Colors

Text with hexadecimal color #bd3df8

This text has a font color of #bd3df8.

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

#bd3df8 background color

This paragraph has a background color of #bd3df8.

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

#bd3df8 border color

This element has a border color of #bd3df8.

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

CSS codes

.text {color:#bd3df8;}

.background {background-color:#bd3df8;}

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

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

#0a010e
```
#0a010e rgb(10,1,14)
```
#170121
```
#170121 rgb(23,1,33)
```
#240234
```
#240234 rgb(36,2,52)
```
#310347
```
#310347 rgb(49,3,71)
```
#3f035a
```
#3f035a rgb(63,3,90)
```
#4c046d
```
#4c046d rgb(76,4,109)
```
#590580
```
#590580 rgb(89,5,128)
```
#660593
```
#660593 rgb(102,5,147)
```
#7306a6
```
#7306a6 rgb(115,6,166)
```
#8007b9
```
#8007b9 rgb(128,7,185)
```
#8e07cc
```
#8e07cc rgb(142,7,204)
```
#9b08df
```
#9b08df rgb(155,8,223)
```
#a809f1
```
#a809f1 rgb(168,9,241)
```

Shade Color Variation

#b017f7
```
#b017f7 rgb(176,23,247)
```
#b72af7
```
#b72af7 rgb(183,42,247)
```
#bd3df8
```
#bd3df8 rgb(189,61,248)
```
#c350f9
```
#c350f9 rgb(195,80,249)
```
#ca63f9
```
#ca63f9 rgb(202,99,249)
```
#d076fa
```
#d076fa rgb(208,118,250)
```
#d789fb
```
#d789fb rgb(215,137,251)
```
#dd9cfb
```
#dd9cfb rgb(221,156,251)
```
#e4affc
```
#e4affc rgb(228,175,252)
```
#eac2fd
```
#eac2fd rgb(234,194,253)
```
#f1d4fd
```
#f1d4fd rgb(241,212,253)
```
#f7e7fe
```
#f7e7fe rgb(247,231,254)
```
#fdfaff
```
#fdfaff rgb(253,250,255)
```

Tint Color Variation

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

#9b9a9b
```
#9b9a9b rgb(155,154,155)
```
#9e92a3
```
#9e92a3 rgb(158,146,163)
```
#a08aab
```
#a08aab rgb(160,138,171)
```
#a383b2
```
#a383b2 rgb(163,131,178)
```
#a67bba
```
#a67bba rgb(166,123,186)
```
#a973c2
```
#a973c2 rgb(169,115,194)
```
#ac6bca
```
#ac6bca rgb(172,107,202)
```
#af64d1
```
#af64d1 rgb(175,100,209)
```
#b25cd9
```
#b25cd9 rgb(178,92,217)
```
#b454e1
```
#b454e1 rgb(180,84,225)
```
#b74ce9
```
#b74ce9 rgb(183,76,233)
```
#ba45f0
```
#ba45f0 rgb(186,69,240)
```
#bd3df8
```
#bd3df8 rgb(189,61,248)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#876d92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fb Protanopia 1% of men
#0087e0 Deuteranopia 1% of men
#a9777f Tritanopia 0.001% of the population

Trichromacy

#4468fa Protanomaly 1% of men, 0.01% of women
#446ce9 Deuteranomaly 6% of men, 0.4% of women
#b062ab Tritanomaly 0.01% of the population

#bd3df8 hex color

#bd3df8 Color Information

#bd3df8 Color Conversion

Color Schemes with #bd3df8

Alternatives to #bd3df8

#bd3df8 Preview

Shades and Tints of #bd3df8

Tones of #bd3df8

Color Blindness Simulator