#b148fd hex color

In a RGB color space, hex #b148fd is composed of 69.4% red, 28.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 71.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 274.8 degrees, a saturation of 97.8% and a lightness of 63.7%. #b148fd color hex could be obtained by blending #ff90ff with #6300fb. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 28
- B 99
RGB color chart
- C 30
- M 72
- Y 0
- K 1
CMYK color chart

● #b148fd color description : Bright violet.

The hexadecimal color #b148fd has RGB values of R:177, G:72, B:253 and CMYK values of C:0.3, M:0.72, Y:0, K:0.01. Its decimal value is 11618557.

Hex triplet	b148fd	`#b148fd`
RGB Decimal	177, 72, 253	`rgb(177,72,253)`
RGB Percent	69.4, 28.2, 99.2	`rgb(69.4%,28.2%,99.2%)`
CMYK	30, 72, 0, 1
HSL	274.8°, 97.8, 63.7	`hsl(274.8,97.8%,63.7%)`
HSV (or HSB)	274.8°, 71.5, 99.2
Web Safe	9933ff	`#9933ff`

CIE-LAB	53.031, 71.363, -72.078
XYZ	38.176, 21.074, 94.98
xyY	0.248, 0.137, 21.074
CIE-LCH	53.031, 101.429, 314.714
CIE-LUV	53.031, 28.297, -118.316
Hunter-Lab	45.907, 68.102, -90.534
Binary	10110001, 01001000, 11111101

#b148fd
```
#b148fd rgb(177,72,253)
```
#94fd48
```
#94fd48 rgb(148,253,72)
```

Complementary Color

#5748fd
```
#5748fd rgb(87,72,253)
```
#b148fd
```
#b148fd rgb(177,72,253)
```
#fd48ef
```
#fd48ef rgb(253,72,239)
```

Analogous Color

#48fd57
```
#48fd57 rgb(72,253,87)
```
#b148fd
```
#b148fd rgb(177,72,253)
```
#effd48
```
#effd48 rgb(239,253,72)
```

Split Complementary Color

#48fdb1
```
#48fdb1 rgb(72,253,177)
```
#b148fd
```
#b148fd rgb(177,72,253)
```
#fdb148
```
#fdb148 rgb(253,177,72)
```

Triadic Color

#4894fd
```
#4894fd rgb(72,148,253)
```
#b148fd
```
#b148fd rgb(177,72,253)
```
#fdb148
```
#fdb148 rgb(253,177,72)
```
#94fd48
```
#94fd48 rgb(148,253,72)
```

Tetradic Color

#9003f6
```
#9003f6 rgb(144,3,246)
```
#9b16fc
```
#9b16fc rgb(155,22,252)
```
#a62ffd
```
#a62ffd rgb(166,47,253)
```
#b148fd
```
#b148fd rgb(177,72,253)
```
#bc61fd
```
#bc61fd rgb(188,97,253)
```
#c77afe
```
#c77afe rgb(199,122,254)
```
#d194fe
```
#d194fe rgb(209,148,254)
```

Monochromatic Color

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

#8448fd
```
#8448fd rgb(132,72,253)
```
#9348fd
```
#9348fd rgb(147,72,253)
```
#a248fd
```
#a248fd rgb(162,72,253)
```
#b148fd
```
#b148fd rgb(177,72,253)
```
#c048fd
```
#c048fd rgb(192,72,253)
```
#cf48fd
```
#cf48fd rgb(207,72,253)
```
#de48fd
```
#de48fd rgb(222,72,253)
```

Similar Colors

Text with hexadecimal color #b148fd

This text has a font color of #b148fd.

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

#b148fd background color

This paragraph has a background color of #b148fd.

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

#b148fd border color

This element has a border color of #b148fd.

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

CSS codes

.text {color:#b148fd;}

.background {background-color:#b148fd;}

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

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, #06000b is the darkest color, while #fbf7ff is the lightest one.

#06000b
```
#06000b rgb(6,0,11)
```
#12001e
```
#12001e rgb(18,0,30)
```
#1d0132
```
#1d0132 rgb(29,1,50)
```
#280145
```
#280145 rgb(40,1,69)
```
#340159
```
#340159 rgb(52,1,89)
```
#3f016c
```
#3f016c rgb(63,1,108)
```
#4b017f
```
#4b017f rgb(75,1,127)
```
#560293
```
#560293 rgb(86,2,147)
```
#6102a6
```
#6102a6 rgb(97,2,166)
```
#6d02ba
```
#6d02ba rgb(109,2,186)
```
#7802cd
```
#7802cd rgb(120,2,205)
```
#8302e0
```
#8302e0 rgb(131,2,224)
```
#8f03f4
```
#8f03f4 rgb(143,3,244)
```

Shade Color Variation

#980efc
```
#980efc rgb(152,14,252)
```
#a021fd
```
#a021fd rgb(160,33,253)
```
#a935fd
```
#a935fd rgb(169,53,253)
```
#b148fd
```
#b148fd rgb(177,72,253)
```
#b95bfd
```
#b95bfd rgb(185,91,253)
```
#c26ffd
```
#c26ffd rgb(194,111,253)
```
#ca82fe
```
#ca82fe rgb(202,130,254)
```
#d296fe
```
#d296fe rgb(210,150,254)
```
#daa9fe
```
#daa9fe rgb(218,169,254)
```
#e3bcfe
```
#e3bcfe rgb(227,188,254)
```
#ebd0fe
```
#ebd0fe rgb(235,208,254)
```
#f3e3ff
```
#f3e3ff rgb(243,227,255)
```
#fbf7ff
```
#fbf7ff rgb(251,247,255)
```

Tint Color Variation

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

#a39da8
```
#a39da8 rgb(163,157,168)
```
#a496af
```
#a496af rgb(164,150,175)
```
#a68fb6
```
#a68fb6 rgb(166,143,182)
```
#a788bd
```
#a788bd rgb(167,136,189)
```
#a881c4
```
#a881c4 rgb(168,129,196)
```
#a97acb
```
#a97acb rgb(169,122,203)
```
#aa73d2
```
#aa73d2 rgb(170,115,210)
```
#ab6cd9
```
#ab6cd9 rgb(171,108,217)
```
#ac64e1
```
#ac64e1 rgb(172,100,225)
```
#ae5de8
```
#ae5de8 rgb(174,93,232)
```
#af56ef
```
#af56ef rgb(175,86,239)
```
#b04ff6
```
#b04ff6 rgb(176,79,246)
```
#b148fd
```
#b148fd rgb(177,72,253)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#877296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fc Protanopia 1% of men
#0087e0 Deuteranopia 1% of men
#9b7d86 Tritanopia 0.001% of the population

Trichromacy

#406cfc Protanomaly 1% of men, 0.01% of women
#4070ea Deuteranomaly 6% of men, 0.4% of women
#a36ab1 Tritanomaly 0.01% of the population

#b148fd hex color

#b148fd Color Information

#b148fd Color Conversion

Color Schemes with #b148fd

Alternatives to #b148fd

#b148fd Preview

Shades and Tints of #b148fd

Tones of #b148fd

Color Blindness Simulator