#b45ff5 hex color

In a RGB color space, hex #b45ff5 is composed of 70.6% red, 37.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 61.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 274 degrees, a saturation of 88.2% and a lightness of 66.7%. #b45ff5 color hex could be obtained by blending #ffbeff with #6900eb. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 71
- G 37
- B 96
RGB color chart
- C 27
- M 61
- Y 0
- K 4
CMYK color chart

● #b45ff5 color description : Soft violet.

The hexadecimal color #b45ff5 has RGB values of R:180, G:95, B:245 and CMYK values of C:0.27, M:0.61, Y:0, K:0.04. Its decimal value is 11821045.

Hex triplet	b45ff5	`#b45ff5`
RGB Decimal	180, 95, 245	`rgb(180,95,245)`
RGB Percent	70.6, 37.3, 96.1	`rgb(70.6%,37.3%,96.1%)`
CMYK	27, 61, 0, 4
HSL	274°, 88.2, 66.7	`hsl(274,88.2%,66.7%)`
HSV (or HSB)	274°, 61.2, 96.1
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	56.566, 60.006, -61.907
XYZ	39.394, 24.481, 89.031
xyY	0.258, 0.16, 24.481
CIE-LCH	56.566, 86.216, 314.107
CIE-LUV	56.566, 26.512, -103.902
Hunter-Lab	49.478, 55.531, -72.052
Binary	10110100, 01011111, 11110101

#b45ff5
```
#b45ff5 rgb(180,95,245)
```
#a0f55f
```
#a0f55f rgb(160,245,95)
```

Complementary Color

#695ff5
```
#695ff5 rgb(105,95,245)
```
#b45ff5
```
#b45ff5 rgb(180,95,245)
```
#f55feb
```
#f55feb rgb(245,95,235)
```

Analogous Color

#5ff569
```
#5ff569 rgb(95,245,105)
```
#b45ff5
```
#b45ff5 rgb(180,95,245)
```
#ebf55f
```
#ebf55f rgb(235,245,95)
```

Split Complementary Color

#5ff5b4
```
#5ff5b4 rgb(95,245,180)
```
#b45ff5
```
#b45ff5 rgb(180,95,245)
```
#f5b45f
```
#f5b45f rgb(245,180,95)
```

Triadic Color

#5fa0f5
```
#5fa0f5 rgb(95,160,245)
```
#b45ff5
```
#b45ff5 rgb(180,95,245)
```
#f5b45f
```
#f5b45f rgb(245,180,95)
```
#a0f55f
```
#a0f55f rgb(160,245,95)
```

Tetradic Color

#9217f1
```
#9217f1 rgb(146,23,241)
```
#9e2ff2
```
#9e2ff2 rgb(158,47,242)
```
#a947f4
```
#a947f4 rgb(169,71,244)
```
#b45ff5
```
#b45ff5 rgb(180,95,245)
```
#bf77f7
```
#bf77f7 rgb(191,119,247)
```
#cb8ff8
```
#cb8ff8 rgb(203,143,248)
```
#d6a7fa
```
#d6a7fa rgb(214,167,250)
```

Monochromatic Color

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

#8f5ff5
```
#8f5ff5 rgb(143,95,245)
```
#9b5ff5
```
#9b5ff5 rgb(155,95,245)
```
#a85ff5
```
#a85ff5 rgb(168,95,245)
```
#b45ff5
```
#b45ff5 rgb(180,95,245)
```
#c15ff5
```
#c15ff5 rgb(193,95,245)
```
#cd5ff5
```
#cd5ff5 rgb(205,95,245)
```
#da5ff5
```
#da5ff5 rgb(218,95,245)
```

Similar Colors

Text with hexadecimal color #b45ff5

This text has a font color of #b45ff5.

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

#b45ff5 background color

This paragraph has a background color of #b45ff5.

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

#b45ff5 border color

This element has a border color of #b45ff5.

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

CSS codes

.text {color:#b45ff5;}

.background {background-color:#b45ff5;}

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

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

#040006
```
#040006 rgb(4,0,6)
```
#0f0219
```
#0f0219 rgb(15,2,25)
```
#1a032b
```
#1a032b rgb(26,3,43)
```
#25043e
```
#25043e rgb(37,4,62)
```
#2f0550
```
#2f0550 rgb(47,5,80)
```
#3a0662
```
#3a0662 rgb(58,6,98)
```
#450775
```
#450775 rgb(69,7,117)
```
#500887
```
#500887 rgb(80,8,135)
```
#5b0a9a
```
#5b0a9a rgb(91,10,154)
```
#660bac
```
#660bac rgb(102,11,172)
```
#710cbf
```
#710cbf rgb(113,12,191)
```
#7c0dd1
```
#7c0dd1 rgb(124,13,209)
```
#870ee4
```
#870ee4 rgb(135,14,228)
```

Shade Color Variation

#9115f0
```
#9115f0 rgb(145,21,240)
```
#9a28f2
```
#9a28f2 rgb(154,40,242)
```
#a33af3
```
#a33af3 rgb(163,58,243)
```
#ab4df4
```
#ab4df4 rgb(171,77,244)
```
#b45ff5
```
#b45ff5 rgb(180,95,245)
```
#bd71f6
```
#bd71f6 rgb(189,113,246)
```
#c584f7
```
#c584f7 rgb(197,132,247)
```
#ce96f8
```
#ce96f8 rgb(206,150,248)
```
#d7a9fa
```
#d7a9fa rgb(215,169,250)
```
#dfbbfb
```
#dfbbfb rgb(223,187,251)
```
#e8cefc
```
#e8cefc rgb(232,206,252)
```
#f1e0fd
```
#f1e0fd rgb(241,224,253)
```
#f9f3fe
```
#f9f3fe rgb(249,243,254)
```

Tint Color Variation

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

#aaa7ad
```
#aaa7ad rgb(170,167,173)
```
#aba0b4
```
#aba0b4 rgb(171,160,180)
```
#ac9aba
```
#ac9aba rgb(172,154,186)
```
#ad93c1
```
#ad93c1 rgb(173,147,193)
```
#ae8dc7
```
#ae8dc7 rgb(174,141,199)
```
#af86ce
```
#af86ce rgb(175,134,206)
```
#b080d4
```
#b080d4 rgb(176,128,212)
```
#b179db
```
#b179db rgb(177,121,219)
```
#b173e1
```
#b173e1 rgb(177,115,225)
```
#b26ce8
```
#b26ce8 rgb(178,108,232)
```
#b366ee
```
#b366ee rgb(179,102,238)
```
#b45ff5
```
#b45ff5 rgb(180,95,245)
```
#b558fc
```
#b558fc rgb(181,88,252)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#92819f Atypical Achromatopsia 0.001% of the population

Dichromacy

#428aff Protanopia 1% of men
#408fe7 Deuteranopia 1% of men
#a2868f Tritanopia 0.001% of the population

Trichromacy

#6b7afb Protanomaly 1% of men, 0.01% of women
#6a7dec Deuteranomaly 6% of men, 0.4% of women
#a978b4 Tritanomaly 0.01% of the population

#b45ff5 hex color

#b45ff5 Color Information

#b45ff5 Color Conversion

Color Schemes with #b45ff5

Alternatives to #b45ff5

#b45ff5 Preview

Shades and Tints of #b45ff5

Tones of #b45ff5

Color Blindness Simulator