#bd3dfe hex color

In a RGB color space, hex #bd3dfe is composed of 74.1% red, 23.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 76% magenta, 0% yellow and 0.4% black. It has a hue angle of 279.8 degrees, a saturation of 99% and a lightness of 61.8%. #bd3dfe color hex could be obtained by blending #ff7aff with #7b00fd. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 74
- G 24
- B 100
RGB color chart
- C 26
- M 76
- Y 0
- K 0
CMYK color chart

● #bd3dfe color description : Bright violet.

The hexadecimal color #bd3dfe has RGB values of R:189, G:61, B:254 and CMYK values of C:0.26, M:0.76, Y:0, K:0. Its decimal value is 12402174.

Hex triplet	bd3dfe	`#bd3dfe`
RGB Decimal	189, 61, 254	`rgb(189,61,254)`
RGB Percent	74.1, 23.9, 99.6	`rgb(74.1%,23.9%,99.6%)`
CMYK	26, 76, 0, 0
HSL	279.8°, 99, 61.8	`hsl(279.8,99%,61.8%)`
HSV (or HSB)	279.8°, 76, 99.6
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.291, 77.712, -72.138
XYZ	40.542, 21.313, 95.739
xyY	0.257, 0.135, 21.313
CIE-LCH	53.291, 106.033, 317.13
CIE-LUV	53.291, 36.46, -119.207
Hunter-Lab	46.166, 75.963, -90.638
Binary	10111101, 00111101, 11111110

#bd3dfe
```
#bd3dfe rgb(189,61,254)
```
#7efe3d
```
#7efe3d rgb(126,254,61)
```

Complementary Color

#5d3dfe
```
#5d3dfe rgb(93,61,254)
```
#bd3dfe
```
#bd3dfe rgb(189,61,254)
```
#fe3ddf
```
#fe3ddf rgb(254,61,223)
```

Analogous Color

#3dfe5d
```
#3dfe5d rgb(61,254,93)
```
#bd3dfe
```
#bd3dfe rgb(189,61,254)
```
#dffe3d
```
#dffe3d rgb(223,254,61)
```

Split Complementary Color

#3dfebd
```
#3dfebd rgb(61,254,189)
```
#bd3dfe
```
#bd3dfe rgb(189,61,254)
```
#febd3d
```
#febd3d rgb(254,189,61)
```

Triadic Color

#3d7efe
```
#3d7efe rgb(61,126,254)
```
#bd3dfe
```
#bd3dfe rgb(189,61,254)
```
#febd3d
```
#febd3d rgb(254,189,61)
```
#7efe3d
```
#7efe3d rgb(126,254,61)
```

Tetradic Color

#9e01ed
```
#9e01ed rgb(158,1,237)
```
#ac0afe
```
#ac0afe rgb(172,10,254)
```
#b424fe
```
#b424fe rgb(180,36,254)
```
#bd3dfe
```
#bd3dfe rgb(189,61,254)
```
#c656fe
```
#c656fe rgb(198,86,254)
```
#ce70fe
```
#ce70fe rgb(206,112,254)
```
#d789fe
```
#d789fe rgb(215,137,254)
```

Monochromatic Color

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

#8d3dfe
```
#8d3dfe rgb(141,61,254)
```
#9d3dfe
```
#9d3dfe rgb(157,61,254)
```
#ad3dfe
```
#ad3dfe rgb(173,61,254)
```
#bd3dfe
```
#bd3dfe rgb(189,61,254)
```
#cd3dfe
```
#cd3dfe rgb(205,61,254)
```
#dd3dfe
```
#dd3dfe rgb(221,61,254)
```
#ed3dfe
```
#ed3dfe rgb(237,61,254)
```

Similar Colors

Text with hexadecimal color #bd3dfe

This text has a font color of #bd3dfe.

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

#bd3dfe background color

This paragraph has a background color of #bd3dfe.

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

#bd3dfe border color

This element has a border color of #bd3dfe.

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

CSS codes

.text {color:#bd3dfe;}

.background {background-color:#bd3dfe;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0e0015
```
#0e0015 rgb(14,0,21)
```
#1b0028
```
#1b0028 rgb(27,0,40)
```
#28003c
```
#28003c rgb(40,0,60)
```
#35004f
```
#35004f rgb(53,0,79)
```
#420163
```
#420163 rgb(66,1,99)
```
#4f0176
```
#4f0176 rgb(79,1,118)
```
#5c018a
```
#5c018a rgb(92,1,138)
```
#69019d
```
#69019d rgb(105,1,157)
```
#7601b1
```
#7601b1 rgb(118,1,177)
```
#8301c4
```
#8301c4 rgb(131,1,196)
```
#9001d8
```
#9001d8 rgb(144,1,216)
```
#9c01eb
```
#9c01eb rgb(156,1,235)
```

Shade Color Variation

#a902fe
```
#a902fe rgb(169,2,254)
```
#b016fe
```
#b016fe rgb(176,22,254)
```
#b629fe
```
#b629fe rgb(182,41,254)
```
#bd3dfe
```
#bd3dfe rgb(189,61,254)
```
#c451fe
```
#c451fe rgb(196,81,254)
```
#ca64fe
```
#ca64fe rgb(202,100,254)
```
#d178fe
```
#d178fe rgb(209,120,254)
```
#d88bfe
```
#d88bfe rgb(216,139,254)
```
#de9fff
```
#de9fff rgb(222,159,255)
```
#e5b2ff
```
#e5b2ff rgb(229,178,255)
```
#ebc6ff
```
#ebc6ff rgb(235,198,255)
```
#f2d9ff
```
#f2d9ff rgb(242,217,255)
```
#f9edff
```
#f9edff rgb(249,237,255)
```

Tint Color Variation

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

#a097a4
```
#a097a4 rgb(160,151,164)
```
#a290ac
```
#a290ac rgb(162,144,172)
```
#a588b3
```
#a588b3 rgb(165,136,179)
```
#a781bb
```
#a781bb rgb(167,129,187)
```
#a979c2
```
#a979c2 rgb(169,121,194)
```
#ac72ca
```
#ac72ca rgb(172,114,202)
```
#ae6ad1
```
#ae6ad1 rgb(174,106,209)
```
#b163d9
```
#b163d9 rgb(177,99,217)
```
#b35be0
```
#b35be0 rgb(179,91,224)
```
#b654e8
```
#b654e8 rgb(182,84,232)
```
#b84cef
```
#b84cef rgb(184,76,239)
```
#bb45f7
```
#bb45f7 rgb(187,69,247)
```
#bd3dfe
```
#bd3dfe rgb(189,61,254)
```

Tone Color Variation

Below, you can see how #bd3dfe 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
#876d94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fd Protanopia 1% of men
#0088e1 Deuteranopia 1% of men
#a87981 Tritanopia 0.001% of the population

Trichromacy

#4468fd Protanomaly 1% of men, 0.01% of women
#446cec Deuteranomaly 6% of men, 0.4% of women
#af63ae Tritanomaly 0.01% of the population

#bd3dfe hex color

#bd3dfe Color Information

#bd3dfe Color Conversion

Color Schemes with #bd3dfe

Alternatives to #bd3dfe

#bd3dfe Preview

Shades and Tints of #bd3dfe

Tones of #bd3dfe

Color Blindness Simulator