#b676fd hex color

In a RGB color space, hex #b676fd is composed of 71.4% red, 46.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 28.1% cyan, 53.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 268.4 degrees, a saturation of 97.1% and a lightness of 72.7%. #b676fd color hex could be obtained by blending #ffecff with #6d00fb. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 71
- G 46
- B 99
RGB color chart
- C 28
- M 53
- Y 0
- K 1
CMYK color chart

● #b676fd color description : Soft violet.

The hexadecimal color #b676fd has RGB values of R:182, G:118, B:253 and CMYK values of C:0.28, M:0.53, Y:0, K:0.01. Its decimal value is 11958013.

Hex triplet	b676fd	`#b676fd`
RGB Decimal	182, 118, 253	`rgb(182,118,253)`
RGB Percent	71.4, 46.3, 99.2	`rgb(71.4%,46.3%,99.2%)`
CMYK	28, 53, 0, 1
HSL	268.4°, 97.1, 72.7	`hsl(268.4,97.1%,72.7%)`
HSV (or HSB)	268.4°, 53.4, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	61.649, 50.614, -58.181
XYZ	43.497, 29.994, 96.421
xyY	0.256, 0.177, 29.994
CIE-LCH	61.649, 77.115, 311.021
CIE-LUV	61.649, 19.602, -98.923
Hunter-Lab	54.767, 45.925, -66.047
Binary	10110110, 01110110, 11111101

#b676fd
```
#b676fd rgb(182,118,253)
```
#bdfd76
```
#bdfd76 rgb(189,253,118)
```

Complementary Color

#767afd
```
#767afd rgb(118,122,253)
```
#b676fd
```
#b676fd rgb(182,118,253)
```
#fa76fd
```
#fa76fd rgb(250,118,253)
```

Analogous Color

#7afd76
```
#7afd76 rgb(122,253,118)
```
#b676fd
```
#b676fd rgb(182,118,253)
```
#fdfa76
```
#fdfa76 rgb(253,250,118)
```

Split Complementary Color

#76fdb6
```
#76fdb6 rgb(118,253,182)
```
#b676fd
```
#b676fd rgb(182,118,253)
```
#fdb676
```
#fdb676 rgb(253,182,118)
```

Triadic Color

#76bdfd
```
#76bdfd rgb(118,189,253)
```
#b676fd
```
#b676fd rgb(182,118,253)
```
#fdb676
```
#fdb676 rgb(253,182,118)
```
#bdfd76
```
#bdfd76 rgb(189,253,118)
```

Tetradic Color

#8e2bfc
```
#8e2bfc rgb(142,43,252)
```
#9b44fc
```
#9b44fc rgb(155,68,252)
```
#a95dfd
```
#a95dfd rgb(169,93,253)
```
#b676fd
```
#b676fd rgb(182,118,253)
```
#c38ffd
```
#c38ffd rgb(195,143,253)
```
#d1a8fe
```
#d1a8fe rgb(209,168,254)
```
#dec1fe
```
#dec1fe rgb(222,193,254)
```

Monochromatic Color

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

#9476fd
```
#9476fd rgb(148,118,253)
```
#a076fd
```
#a076fd rgb(160,118,253)
```
#ab76fd
```
#ab76fd rgb(171,118,253)
```
#b676fd
```
#b676fd rgb(182,118,253)
```
#c176fd
```
#c176fd rgb(193,118,253)
```
#cd76fd
```
#cd76fd rgb(205,118,253)
```
#d876fd
```
#d876fd rgb(216,118,253)
```

Similar Colors

Text with hexadecimal color #b676fd

This text has a font color of #b676fd.

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

#b676fd background color

This paragraph has a background color of #b676fd.

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

#b676fd border color

This element has a border color of #b676fd.

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

CSS codes

.text {color:#b676fd;}

.background {background-color:#b676fd;}

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

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

#090012
```
#090012 rgb(9,0,18)
```
#120125
```
#120125 rgb(18,1,37)
```
#1b0138
```
#1b0138 rgb(27,1,56)
```
#24014c
```
#24014c rgb(36,1,76)
```
#2e015f
```
#2e015f rgb(46,1,95)
```
#370272
```
#370272 rgb(55,2,114)
```
#400286
```
#400286 rgb(64,2,134)
```
#4a0299
```
#4a0299 rgb(74,2,153)
```
#5303ac
```
#5303ac rgb(83,3,172)
```
#5c03c0
```
#5c03c0 rgb(92,3,192)
```
#6603d3
```
#6603d3 rgb(102,3,211)
```
#6f03e6
```
#6f03e6 rgb(111,3,230)
```
#7804fa
```
#7804fa rgb(120,4,250)
```

Shade Color Variation

#8215fc
```
#8215fc rgb(130,21,252)
```
#8d29fc
```
#8d29fc rgb(141,41,252)
```
#973cfc
```
#973cfc rgb(151,60,252)
```
#a14ffc
```
#a14ffc rgb(161,79,252)
```
#ac63fd
```
#ac63fd rgb(172,99,253)
```
#b676fd
```
#b676fd rgb(182,118,253)
```
#c089fd
```
#c089fd rgb(192,137,253)
```
#cb9dfe
```
#cb9dfe rgb(203,157,254)
```
#d5b0fe
```
#d5b0fe rgb(213,176,254)
```
#dfc3fe
```
#dfc3fe rgb(223,195,254)
```
#ead7fe
```
#ead7fe rgb(234,215,254)
```
#f4eaff
```
#f4eaff rgb(244,234,255)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#b9b6bd
```
#b9b6bd rgb(185,182,189)
```
#b9b1c2
```
#b9b1c2 rgb(185,177,194)
```
#b9abc8
```
#b9abc8 rgb(185,171,200)
```
#b8a6cd
```
#b8a6cd rgb(184,166,205)
```
#b8a1d2
```
#b8a1d2 rgb(184,161,210)
```
#b89bd8
```
#b89bd8 rgb(184,155,216)
```
#b896dd
```
#b896dd rgb(184,150,221)
```
#b791e2
```
#b791e2 rgb(183,145,226)
```
#b78be8
```
#b78be8 rgb(183,139,232)
```
#b786ed
```
#b786ed rgb(183,134,237)
```
#b781f2
```
#b781f2 rgb(183,129,242)
```
#b67bf8
```
#b67bf8 rgb(182,123,248)
```
#b676fd
```
#b676fd rgb(182,118,253)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9f92ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#6697ff Protanopia 1% of men
#5c9bf2 Deuteranopia 1% of men
#a596a0 Tritanopia 0.001% of the population

Trichromacy

#838bfe Protanomaly 1% of men, 0.01% of women
#7d8df6 Deuteranomaly 6% of men, 0.4% of women
#ab8ac2 Tritanomaly 0.01% of the population

#b676fd hex color

#b676fd Color Information

#b676fd Color Conversion

Color Schemes with #b676fd

Alternatives to #b676fd

#b676fd Preview

Shades and Tints of #b676fd

Tones of #b676fd

Color Blindness Simulator