#b448d5 hex color

In a RGB color space, hex #b448d5 is composed of 70.6% red, 28.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 66.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 286 degrees, a saturation of 62.7% and a lightness of 55.9%. #b448d5 color hex could be obtained by blending #ff90ff with #6900ab. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 71
- G 28
- B 84
RGB color chart
- C 15
- M 66
- Y 0
- K 16
CMYK color chart

● #b448d5 color description : Moderate magenta.

The hexadecimal color #b448d5 has RGB values of R:180, G:72, B:213 and CMYK values of C:0.15, M:0.66, Y:0, K:0.16. Its decimal value is 11815125.

Hex triplet	b448d5	`#b448d5`
RGB Decimal	180, 72, 213	`rgb(180,72,213)`
RGB Percent	70.6, 28.2, 83.5	`rgb(70.6%,28.2%,83.5%)`
CMYK	15, 66, 0, 16
HSL	286°, 62.7, 55.9	`hsl(286,62.7%,55.9%)`
HSV (or HSB)	286°, 66.2, 83.5
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	50.855, 63.782, -53.046
XYZ	33.149, 19.143, 64.896
xyY	0.283, 0.163, 19.143
CIE-LCH	50.855, 82.958, 320.25
CIE-LUV	50.855, 39.422, -88.445
Hunter-Lab	43.753, 58.668, -57.313
Binary	10110100, 01001000, 11010101

#b448d5
```
#b448d5 rgb(180,72,213)
```
#69d548
```
#69d548 rgb(105,213,72)
```

Complementary Color

#6e48d5
```
#6e48d5 rgb(110,72,213)
```
#b448d5
```
#b448d5 rgb(180,72,213)
```
#d548b0
```
#d548b0 rgb(213,72,176)
```

Analogous Color

#48d56e
```
#48d56e rgb(72,213,110)
```
#b448d5
```
#b448d5 rgb(180,72,213)
```
#b0d548
```
#b0d548 rgb(176,213,72)
```

Split Complementary Color

#48d5b4
```
#48d5b4 rgb(72,213,180)
```
#b448d5
```
#b448d5 rgb(180,72,213)
```
#d5b448
```
#d5b448 rgb(213,180,72)
```

Triadic Color

#4869d5
```
#4869d5 rgb(72,105,213)
```
#b448d5
```
#b448d5 rgb(180,72,213)
```
#d5b448
```
#d5b448 rgb(213,180,72)
```
#69d548
```
#69d548 rgb(105,213,72)
```

Tetradic Color

#8b27aa
```
#8b27aa rgb(139,39,170)
```
#9c2cbe
```
#9c2cbe rgb(156,44,190)
```
#ac33d0
```
#ac33d0 rgb(172,51,208)
```
#b448d5
```
#b448d5 rgb(180,72,213)
```
#bd5dda
```
#bd5dda rgb(189,93,218)
```
#c571df
```
#c571df rgb(197,113,223)
```
#ce86e3
```
#ce86e3 rgb(206,134,227)
```

Monochromatic Color

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

#9148d5
```
#9148d5 rgb(145,72,213)
```
#9d48d5
```
#9d48d5 rgb(157,72,213)
```
#a848d5
```
#a848d5 rgb(168,72,213)
```
#b448d5
```
#b448d5 rgb(180,72,213)
```
#c048d5
```
#c048d5 rgb(192,72,213)
```
#cc48d5
```
#cc48d5 rgb(204,72,213)
```
#d548d3
```
#d548d3 rgb(213,72,211)
```

Similar Colors

Text with hexadecimal color #b448d5

This text has a font color of #b448d5.

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

#b448d5 background color

This paragraph has a background color of #b448d5.

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

#b448d5 border color

This element has a border color of #b448d5.

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

CSS codes

.text {color:#b448d5;}

.background {background-color:#b448d5;}

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

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

#070208
```
#070208 rgb(7,2,8)
```
#140618
```
#140618 rgb(20,6,24)
```
#210928
```
#210928 rgb(33,9,40)
```
#2e0d38
```
#2e0d38 rgb(46,13,56)
```
#3b1148
```
#3b1148 rgb(59,17,72)
```
#481458
```
#481458 rgb(72,20,88)
```
#551868
```
#551868 rgb(85,24,104)
```
#621c78
```
#621c78 rgb(98,28,120)
```
#701f88
```
#701f88 rgb(112,31,136)
```
#7d2398
```
#7d2398 rgb(125,35,152)
```
#8a27a8
```
#8a27a8 rgb(138,39,168)
```
#972ab8
```
#972ab8 rgb(151,42,184)
```
#a42ec8
```
#a42ec8 rgb(164,46,200)
```

Shade Color Variation

#ad38d1
```
#ad38d1 rgb(173,56,209)
```
#b448d5
```
#b448d5 rgb(180,72,213)
```
#bb58d9
```
#bb58d9 rgb(187,88,217)
```
#c168dc
```
#c168dc rgb(193,104,220)
```
#c878e0
```
#c878e0 rgb(200,120,224)
```
#ce88e4
```
#ce88e4 rgb(206,136,228)
```
#d598e7
```
#d598e7 rgb(213,152,231)
```
#dba8eb
```
#dba8eb rgb(219,168,235)
```
#e2b8ef
```
#e2b8ef rgb(226,184,239)
```
#e8c8f2
```
#e8c8f2 rgb(232,200,242)
```
#efd8f6
```
#efd8f6 rgb(239,216,246)
```
#f5e8fa
```
#f5e8fa rgb(245,232,250)
```
#fcf7fd
```
#fcf7fd rgb(252,247,253)
```

Tint Color Variation

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

#8f8d90
```
#8f8d90 rgb(143,141,144)
```
#948598
```
#948598 rgb(148,133,152)
```
#987ca1
```
#987ca1 rgb(152,124,161)
```
#9d73aa
```
#9d73aa rgb(157,115,170)
```
#a26bb2
```
#a26bb2 rgb(162,107,178)
```
#a662bb
```
#a662bb rgb(166,98,187)
```
#ab59c4
```
#ab59c4 rgb(171,89,196)
```
#af51cc
```
#af51cc rgb(175,81,204)
```
#b448d5
```
#b448d5 rgb(180,72,213)
```
#b93fde
```
#b93fde rgb(185,63,222)
```
#bd37e6
```
#bd37e6 rgb(189,55,230)
```
#c22eef
```
#c22eef rgb(194,46,239)
```
#c625f8
```
#c625f8 rgb(198,37,248)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#846e8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf3 Protanopia 1% of men
#4d80c8 Deuteranopia 1% of men
#a87078 Tritanopia 0.001% of the population

Trichromacy

#4169e8 Protanomaly 1% of men, 0.01% of women
#726ccd Deuteranomaly 6% of men, 0.4% of women
#ac619a Tritanomaly 0.01% of the population

#b448d5 hex color

#b448d5 Color Information

#b448d5 Color Conversion

Color Schemes with #b448d5

Alternatives to #b448d5

#b448d5 Preview

Shades and Tints of #b448d5

Tones of #b448d5

Color Blindness Simulator