#bd77f2 hex color

In a RGB color space, hex #bd77f2 is composed of 74.1% red, 46.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 21.9% cyan, 50.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 274.1 degrees, a saturation of 82.6% and a lightness of 70.8%. #bd77f2 color hex could be obtained by blending #ffeeff with #7b00e5. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 74
- G 47
- B 95
RGB color chart
- C 22
- M 51
- Y 0
- K 5
CMYK color chart

● #bd77f2 color description : Soft violet.

The hexadecimal color #bd77f2 has RGB values of R:189, G:119, B:242 and CMYK values of C:0.22, M:0.51, Y:0, K:0.05. Its decimal value is 12417010.

Hex triplet	bd77f2	`#bd77f2`
RGB Decimal	189, 119, 242	`rgb(189,119,242)`
RGB Percent	74.1, 46.7, 94.9	`rgb(74.1%,46.7%,94.9%)`
CMYK	22, 51, 0, 5
HSL	274.1°, 82.6, 70.8	`hsl(274.1,82.6%,70.8%)`
HSV (or HSB)	274.1°, 50.8, 94.9
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	62.018, 49.35, -51.481
XYZ	43.608, 30.424, 87.575
xyY	0.27, 0.188, 30.424
CIE-LCH	62.018, 71.315, 313.789
CIE-LUV	62.018, 24.884, -88.141
Hunter-Lab	55.158, 44.595, -55.524
Binary	10111101, 01110111, 11110010

#bd77f2
```
#bd77f2 rgb(189,119,242)
```
#acf277
```
#acf277 rgb(172,242,119)
```

Complementary Color

#8077f2
```
#8077f2 rgb(128,119,242)
```
#bd77f2
```
#bd77f2 rgb(189,119,242)
```
#f277ea
```
#f277ea rgb(242,119,234)
```

Analogous Color

#77f280
```
#77f280 rgb(119,242,128)
```
#bd77f2
```
#bd77f2 rgb(189,119,242)
```
#eaf277
```
#eaf277 rgb(234,242,119)
```

Split Complementary Color

#77f2bd
```
#77f2bd rgb(119,242,189)
```
#bd77f2
```
#bd77f2 rgb(189,119,242)
```
#f2bd77
```
#f2bd77 rgb(242,189,119)
```

Triadic Color

#77acf2
```
#77acf2 rgb(119,172,242)
```
#bd77f2
```
#bd77f2 rgb(189,119,242)
```
#f2bd77
```
#f2bd77 rgb(242,189,119)
```
#acf277
```
#acf277 rgb(172,242,119)
```

Tetradic Color

#9b31eb
```
#9b31eb rgb(155,49,235)
```
#a648ee
```
#a648ee rgb(166,72,238)
```
#b260f0
```
#b260f0 rgb(178,96,240)
```
#bd77f2
```
#bd77f2 rgb(189,119,242)
```
#c88ef4
```
#c88ef4 rgb(200,142,244)
```
#d4a6f6
```
#d4a6f6 rgb(212,166,246)
```
#dfbdf9
```
#dfbdf9 rgb(223,189,249)
```

Monochromatic Color

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

#9e77f2
```
#9e77f2 rgb(158,119,242)
```
#a977f2
```
#a977f2 rgb(169,119,242)
```
#b377f2
```
#b377f2 rgb(179,119,242)
```
#bd77f2
```
#bd77f2 rgb(189,119,242)
```
#c777f2
```
#c777f2 rgb(199,119,242)
```
#d277f2
```
#d277f2 rgb(210,119,242)
```
#dc77f2
```
#dc77f2 rgb(220,119,242)
```

Similar Colors

Text with hexadecimal color #bd77f2

This text has a font color of #bd77f2.

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

#bd77f2 background color

This paragraph has a background color of #bd77f2.

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

#bd77f2 border color

This element has a border color of #bd77f2.

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

CSS codes

.text {color:#bd77f2;}

.background {background-color:#bd77f2;}

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

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

#040107
```
#040107 rgb(4,1,7)
```
#0f0219
```
#0f0219 rgb(15,2,25)
```
#1a042b
```
#1a042b rgb(26,4,43)
```
#25063d
```
#25063d rgb(37,6,61)
```
#30084f
```
#30084f rgb(48,8,79)
```
#3b0961
```
#3b0961 rgb(59,9,97)
```
#460b73
```
#460b73 rgb(70,11,115)
```
#510d85
```
#510d85 rgb(81,13,133)
```
#5c0e96
```
#5c0e96 rgb(92,14,150)
```
#6710a8
```
#6710a8 rgb(103,16,168)
```
#7212ba
```
#7212ba rgb(114,18,186)
```
#7d14cc
```
#7d14cc rgb(125,20,204)
```
#8815de
```
#8815de rgb(136,21,222)
```

Shade Color Variation

#921de9
```
#921de9 rgb(146,29,233)
```
#9a2feb
```
#9a2feb rgb(154,47,235)
```
#a341ed
```
#a341ed rgb(163,65,237)
```
#ac53ef
```
#ac53ef rgb(172,83,239)
```
#b465f0
```
#b465f0 rgb(180,101,240)
```
#bd77f2
```
#bd77f2 rgb(189,119,242)
```
#c689f4
```
#c689f4 rgb(198,137,244)
```
#ce9bf5
```
#ce9bf5 rgb(206,155,245)
```
#d7adf7
```
#d7adf7 rgb(215,173,247)
```
#e0bff9
```
#e0bff9 rgb(224,191,249)
```
#e8d1fb
```
#e8d1fb rgb(232,209,251)
```
#f1e2fc
```
#f1e2fc rgb(241,226,252)
```
#faf4fe
```
#faf4fe rgb(250,244,254)
```

Tint Color Variation

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

#b5b0b9
```
#b5b0b9 rgb(181,176,185)
```
#b6abbe
```
#b6abbe rgb(182,171,190)
```
#b7a5c4
```
#b7a5c4 rgb(183,165,196)
```
#b79fca
```
#b79fca rgb(183,159,202)
```
#b899d0
```
#b899d0 rgb(184,153,208)
```
#b994d5
```
#b994d5 rgb(185,148,213)
```
#ba8edb
```
#ba8edb rgb(186,142,219)
```
#bb88e1
```
#bb88e1 rgb(187,136,225)
```
#bb82e7
```
#bb82e7 rgb(187,130,231)
```
#bc7dec
```
#bc7dec rgb(188,125,236)
```
#bd77f2
```
#bd77f2 rgb(189,119,242)
```
#be71f8
```
#be71f8 rgb(190,113,248)
```
#bf6cfd
```
#bf6cfd rgb(191,108,253)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a193ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#6898ff Protanopia 1% of men
#6e9be8 Deuteranopia 1% of men
#af949e Tritanopia 0.001% of the population

Trichromacy

#878cfa Protanomaly 1% of men, 0.01% of women
#8b8eec Deuteranomaly 6% of men, 0.4% of women
#b489bc Tritanomaly 0.01% of the population

#bd77f2 hex color

#bd77f2 Color Information

#bd77f2 Color Conversion

Color Schemes with #bd77f2

Alternatives to #bd77f2

#bd77f2 Preview

Shades and Tints of #bd77f2

Tones of #bd77f2

Color Blindness Simulator