#b477fd hex color

In a RGB color space, hex #b477fd is composed of 70.6% red, 46.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 28.9% cyan, 53% magenta, 0% yellow and 0.8% black. It has a hue angle of 267.3 degrees, a saturation of 97.1% and a lightness of 72.9%. #b477fd color hex could be obtained by blending #ffeeff with #6900fb. Closest websafe color is: #cc66ff.

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

● #b477fd color description : Soft violet.

The hexadecimal color #b477fd has RGB values of R:180, G:119, B:253 and CMYK values of C:0.29, M:0.53, Y:0, K:0.01. Its decimal value is 11827197.

Hex triplet	b477fd	`#b477fd`
RGB Decimal	180, 119, 253	`rgb(180,119,253)`
RGB Percent	70.6, 46.7, 99.2	`rgb(70.6%,46.7%,99.2%)`
CMYK	29, 53, 0, 1
HSL	267.3°, 97.1, 72.9	`hsl(267.3,97.1%,72.9%)`
HSV (or HSB)	267.3°, 53, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	61.645, 49.595, -58.2
XYZ	43.146, 29.989, 96.439
xyY	0.254, 0.177, 29.989
CIE-LCH	61.645, 76.465, 310.436
CIE-LUV	61.645, 18.249, -98.83
Hunter-Lab	54.762, 44.802, -66.078
Binary	10110100, 01110111, 11111101

#b477fd
```
#b477fd rgb(180,119,253)
```
#c0fd77
```
#c0fd77 rgb(192,253,119)
```

Complementary Color

#777dfd
```
#777dfd rgb(119,125,253)
```
#b477fd
```
#b477fd rgb(180,119,253)
```
#f777fd
```
#f777fd rgb(247,119,253)
```

Analogous Color

#7dfd77
```
#7dfd77 rgb(125,253,119)
```
#b477fd
```
#b477fd rgb(180,119,253)
```
#fdf777
```
#fdf777 rgb(253,247,119)
```

Split Complementary Color

#77fdb4
```
#77fdb4 rgb(119,253,180)
```
#b477fd
```
#b477fd rgb(180,119,253)
```
#fdb477
```
#fdb477 rgb(253,180,119)
```

Triadic Color

#77c0fd
```
#77c0fd rgb(119,192,253)
```
#b477fd
```
#b477fd rgb(180,119,253)
```
#fdb477
```
#fdb477 rgb(253,180,119)
```
#c0fd77
```
#c0fd77 rgb(192,253,119)
```

Tetradic Color

#8a2cfc
```
#8a2cfc rgb(138,44,252)
```
#9845fc
```
#9845fc rgb(152,69,252)
```
#a65efd
```
#a65efd rgb(166,94,253)
```
#b477fd
```
#b477fd rgb(180,119,253)
```
#c290fd
```
#c290fd rgb(194,144,253)
```
#d0a9fe
```
#d0a9fe rgb(208,169,254)
```
#dec2fe
```
#dec2fe rgb(222,194,254)
```

Monochromatic Color

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

#9377fd
```
#9377fd rgb(147,119,253)
```
#9e77fd
```
#9e77fd rgb(158,119,253)
```
#a977fd
```
#a977fd rgb(169,119,253)
```
#b477fd
```
#b477fd rgb(180,119,253)
```
#bf77fd
```
#bf77fd rgb(191,119,253)
```
#ca77fd
```
#ca77fd rgb(202,119,253)
```
#d677fd
```
#d677fd rgb(214,119,253)
```

Similar Colors

Text with hexadecimal color #b477fd

This text has a font color of #b477fd.

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

#b477fd background color

This paragraph has a background color of #b477fd.

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

#b477fd border color

This element has a border color of #b477fd.

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

CSS codes

.text {color:#b477fd;}

.background {background-color:#b477fd;}

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

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

#090013
```
#090013 rgb(9,0,19)
```
#120126
```
#120126 rgb(18,1,38)
```
#1b0139
```
#1b0139 rgb(27,1,57)
```
#24014d
```
#24014d rgb(36,1,77)
```
#2c0160
```
#2c0160 rgb(44,1,96)
```
#350273
```
#350273 rgb(53,2,115)
```
#3e0287
```
#3e0287 rgb(62,2,135)
```
#47029a
```
#47029a rgb(71,2,154)
```
#5003ad
```
#5003ad rgb(80,3,173)
```
#5903c1
```
#5903c1 rgb(89,3,193)
```
#6203d4
```
#6203d4 rgb(98,3,212)
```
#6b03e7
```
#6b03e7 rgb(107,3,231)
```
#7404fb
```
#7404fb rgb(116,4,251)
```

Shade Color Variation

#7f16fc
```
#7f16fc rgb(127,22,252)
```
#892afc
```
#892afc rgb(137,42,252)
```
#943dfc
```
#943dfc rgb(148,61,252)
```
#9f50fc
```
#9f50fc rgb(159,80,252)
```
#a964fd
```
#a964fd rgb(169,100,253)
```
#b477fd
```
#b477fd rgb(180,119,253)
```
#bf8afd
```
#bf8afd rgb(191,138,253)
```
#c99efe
```
#c99efe rgb(201,158,254)
```
#d4b1fe
```
#d4b1fe rgb(212,177,254)
```
#dfc4fe
```
#dfc4fe rgb(223,196,254)
```
#e9d8fe
```
#e9d8fe rgb(233,216,254)
```
#f4ebff
```
#f4ebff rgb(244,235,255)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#bab7bd
```
#bab7bd rgb(186,183,189)
```
#b9b1c3
```
#b9b1c3 rgb(185,177,195)
```
#b9acc8
```
#b9acc8 rgb(185,172,200)
```
#b8a7cd
```
#b8a7cd rgb(184,167,205)
```
#b8a1d3
```
#b8a1d3 rgb(184,161,211)
```
#b79cd8
```
#b79cd8 rgb(183,156,216)
```
#b797dd
```
#b797dd rgb(183,151,221)
```
#b692e2
```
#b692e2 rgb(182,146,226)
```
#b68ce8
```
#b68ce8 rgb(182,140,232)
```
#b587ed
```
#b587ed rgb(181,135,237)
```
#b582f2
```
#b582f2 rgb(181,130,242)
```
#b47cf8
```
#b47cf8 rgb(180,124,248)
```
#b477fd
```
#b477fd rgb(180,119,253)
```

Tone Color Variation

Below, you can see how #b477fd 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
#9e92ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#6697ff Protanopia 1% of men
#5b9bf2 Deuteranopia 1% of men
#a396a1 Tritanopia 0.001% of the population

Trichromacy

#828bfe Protanomaly 1% of men, 0.01% of women
#7b8ef6 Deuteranomaly 6% of men, 0.4% of women
#a98bc2 Tritanomaly 0.01% of the population

#b477fd hex color

#b477fd Color Information

#b477fd Color Conversion

Color Schemes with #b477fd

Alternatives to #b477fd

#b477fd Preview

Shades and Tints of #b477fd

Tones of #b477fd

Color Blindness Simulator