#b477dc hex color

In a RGB color space, hex #b477dc is composed of 70.6% red, 46.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 45.9% magenta, 0% yellow and 13.7% black. It has a hue angle of 276.2 degrees, a saturation of 59.1% and a lightness of 66.5%. #b477dc color hex could be obtained by blending #ffeeff with #6900b9. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 71
- G 47
- B 86
RGB color chart
- C 18
- M 46
- Y 0
- K 14
CMYK color chart

● #b477dc color description : Soft violet.

The hexadecimal color #b477dc has RGB values of R:180, G:119, B:220 and CMYK values of C:0.18, M:0.46, Y:0, K:0.14. Its decimal value is 11827164.

Hex triplet	b477dc	`#b477dc`
RGB Decimal	180, 119, 220	`rgb(180,119,220)`
RGB Percent	70.6, 46.7, 86.3	`rgb(70.6%,46.7%,86.3%)`
CMYK	18, 46, 0, 14
HSL	276.2°, 59.1, 66.5	`hsl(276.2,59.1%,66.5%)`
HSV (or HSB)	276.2°, 45.9, 86.3
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	59.947, 42.064, -42.573
XYZ	38.336, 28.065, 71.104
xyY	0.279, 0.204, 28.065
CIE-LCH	59.947, 59.848, 314.656
CIE-LUV	59.947, 23.486, -72.331
Hunter-Lab	52.976, 36.46, -42.494
Binary	10110100, 01110111, 11011100

#b477dc
```
#b477dc rgb(180,119,220)
```
#9fdc77
```
#9fdc77 rgb(159,220,119)
```

Complementary Color

#8277dc
```
#8277dc rgb(130,119,220)
```
#b477dc
```
#b477dc rgb(180,119,220)
```
#dc77d2
```
#dc77d2 rgb(220,119,210)
```

Analogous Color

#77dc82
```
#77dc82 rgb(119,220,130)
```
#b477dc
```
#b477dc rgb(180,119,220)
```
#d2dc77
```
#d2dc77 rgb(210,220,119)
```

Split Complementary Color

#77dcb4
```
#77dcb4 rgb(119,220,180)
```
#b477dc
```
#b477dc rgb(180,119,220)
```
#dcb477
```
#dcb477 rgb(220,180,119)
```

Triadic Color

#779fdc
```
#779fdc rgb(119,159,220)
```
#b477dc
```
#b477dc rgb(180,119,220)
```
#dcb477
```
#dcb477 rgb(220,180,119)
```
#9fdc77
```
#9fdc77 rgb(159,220,119)
```

Tetradic Color

#923acc
```
#923acc rgb(146,58,204)
```
#9e4ed2
```
#9e4ed2 rgb(158,78,210)
```
#a963d7
```
#a963d7 rgb(169,99,215)
```
#b477dc
```
#b477dc rgb(180,119,220)
```
#bf8be1
```
#bf8be1 rgb(191,139,225)
```
#caa0e6
```
#caa0e6 rgb(202,160,230)
```
#d6b4ec
```
#d6b4ec rgb(214,180,236)
```

Monochromatic Color

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

#9b77dc
```
#9b77dc rgb(155,119,220)
```
#a377dc
```
#a377dc rgb(163,119,220)
```
#ac77dc
```
#ac77dc rgb(172,119,220)
```
#b477dc
```
#b477dc rgb(180,119,220)
```
#bc77dc
```
#bc77dc rgb(188,119,220)
```
#c577dc
```
#c577dc rgb(197,119,220)
```
#cd77dc
```
#cd77dc rgb(205,119,220)
```

Similar Colors

Text with hexadecimal color #b477dc

This text has a font color of #b477dc.

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

#b477dc background color

This paragraph has a background color of #b477dc.

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

#b477dc border color

This element has a border color of #b477dc.

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

CSS codes

.text {color:#b477dc;}

.background {background-color:#b477dc;}

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

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

#030104
```
#030104 rgb(3,1,4)
```
#0e0514
```
#0e0514 rgb(14,5,20)
```
#190924
```
#190924 rgb(25,9,36)
```
#240d33
```
#240d33 rgb(36,13,51)
```
#2f1143
```
#2f1143 rgb(47,17,67)
```
#3a1552
```
#3a1552 rgb(58,21,82)
```
#451962
```
#451962 rgb(69,25,98)
```
#501d72
```
#501d72 rgb(80,29,114)
```
#5b2181
```
#5b2181 rgb(91,33,129)
```
#662591
```
#662591 rgb(102,37,145)
```
#7129a0
```
#7129a0 rgb(113,41,160)
```
#7c2db0
```
#7c2db0 rgb(124,45,176)
```
#8731c0
```
#8731c0 rgb(135,49,192)
```

Shade Color Variation

#9239cc
```
#9239cc rgb(146,57,204)
```
#9a48d0
```
#9a48d0 rgb(154,72,208)
```
#a358d4
```
#a358d4 rgb(163,88,212)
```
#ab67d8
```
#ab67d8 rgb(171,103,216)
```
#b477dc
```
#b477dc rgb(180,119,220)
```
#bd87e0
```
#bd87e0 rgb(189,135,224)
```
#c596e4
```
#c596e4 rgb(197,150,228)
```
#cea6e8
```
#cea6e8 rgb(206,166,232)
```
#d6b5ec
```
#d6b5ec rgb(214,181,236)
```
#dfc5f0
```
#dfc5f0 rgb(223,197,240)
```
#e8d5f4
```
#e8d5f4 rgb(232,213,244)
```
#f0e4f8
```
#f0e4f8 rgb(240,228,248)
```
#f9f4fc
```
#f9f4fc rgb(249,244,252)
```

Tint Color Variation

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

#aaa5ae
```
#aaa5ae rgb(170,165,174)
```
#ac9eb5
```
#ac9eb5 rgb(172,158,181)
```
#ad98bb
```
#ad98bb rgb(173,152,187)
```
#af91c2
```
#af91c2 rgb(175,145,194)
```
#b08bc8
```
#b08bc8 rgb(176,139,200)
```
#b184cf
```
#b184cf rgb(177,132,207)
```
#b37ed5
```
#b37ed5 rgb(179,126,213)
```
#b477dc
```
#b477dc rgb(180,119,220)
```
#b570e3
```
#b570e3 rgb(181,112,227)
```
#b76ae9
```
#b76ae9 rgb(183,106,233)
```
#b863f0
```
#b863f0 rgb(184,99,240)
```
#b95df6
```
#b95df6 rgb(185,93,246)
```
#bb56fd
```
#bb56fd rgb(187,86,253)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#9b8fa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d93ee Protanopia 1% of men
#7895d5 Deuteranopia 1% of men
#aa8e98 Tritanopia 0.001% of the population

Trichromacy

#8788e7 Protanomaly 1% of men, 0.01% of women
#8e8ad8 Deuteranomaly 6% of men, 0.4% of women
#ae86b1 Tritanomaly 0.01% of the population

#b477dc hex color

#b477dc Color Information

#b477dc Color Conversion

Color Schemes with #b477dc

Alternatives to #b477dc

#b477dc Preview

Shades and Tints of #b477dc

Tones of #b477dc

Color Blindness Simulator