COLOR #B426F8

HEX: #B426F8
RGB: (180,38,248)

Color info

#B426F8 contains mainly blue color. Web safe color of #B426F8 is #CC33FF (or #C3F).

RGB color model

#B426F8 color RGB value is (180,38,248).

  • red value is 180;
  • green value is 38;
  • blue value is 248.
RGB:
(180,38,248)
(71%,15%,97%)

RGB channels and saturation

R 180 of 255 = 71%
G 38 of 255 = 15%
B 248 of 255 = 97%

180
38
248

R + G + B ~ 61%. #B426F8 is quite light color.

Portions of RGB colors in percentages

R + G + B =
180 + 38 + 248 = 466 (100%)
R 180 of 466 ~ 38.63%
G 38 of 466 ~ 8.15%
B 248 of 466 ~ 53.22%

%38.63
%53.22

CMYK color model

#B426F8 color CMYK value is (27,85,0,3).

  • cyan value is 27.42%
  • magenta value is 84.68%
  • yellow value is 0.00%
  • key color value is 2.75%
CMYK:
(27,85,0,3)
C27M85Y0K3 
(27%,85%,0%,3%)
(0.27/0.85/0.00/0.03)	

CMYK percentages

%27.42
%84.68
%0
%2.75

Codes

Color #B426F8 in popluar color models

B426F8
RGB18038248
HSL281°93.75%56.08%
HSB/HSV281°84.68%97.25%
CMYK27.42%84.68%0.00%
2.75%

Color #B426F8 in popluar number systems.

HEXB426F8
Decimal18038248
Binary1011010010011011111000
Octal26446370

Shades and tints

Shades of #B426F8

#B426F8
(180,38,248)
#A423E2
(164,35,226)
#9420CC
(148,32,204)
#841DB6
(132,29,182)
#741AA0
(116,26,160)
#64178A
(100,23,138)
#541474
(84,20,116)
#44115E
(68,17,94)
#340E48
(52,14,72)
#240B32
(36,11,50)
#14081C
(20,8,28)
#000000
(0,0,0)

Tints of #B426F8

#B426F8
(180,38,248)
#BA39F8
(186,57,248)
#C04CF8
(192,76,248)
#C65FF8
(198,95,248)
#CC72F8
(204,114,248)
#D285F8
(210,133,248)
#D898F8
(216,152,248)
#DEABF8
(222,171,248)
#E4BEF8
(228,190,248)
#EAD1F8
(234,209,248)
#F0E4F8
(240,228,248)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B426F8 color. Also use rgb(180,38,248) instead hex code.

Text Font Color

.myTextColor { color: #B426F8; }

<p style="color:#B426F8">This sample text font color is #B426F8.</p>

This text font color is #B426F8.


Background Color

.myBgColor { background-color: #B426F8; }

<div style="background-color:#B426F8">Inner text</div>

This div background color is #B426F8.


Border color

.myBorderColor { border: 1px solid #B426F8; }

<div style="border:3px solid #B426F8">Div</div>

This div border color is #B426F8.


Opacity

.myOpacity80 { color: #B426F8; opacity: 0.8; }

<p style="color:#B426F8;opacity:0.8;">80%</p>

Text with #B426F8 color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #B426F8;}

<p style="text-shadow: 3px 3px 1px #B426F8">Text here.</p>

This text has shadow with #B426F8 color.

.textShadow {text-shadow: 3px 3px 1px #B426F8, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #B426F8, 5px 5px 20px red">Text here.</p>

This text has shadow with #B426F8 primary color and red secondary color.


Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#B426F8, Direction=45, Strength=4)}

<p style="filter: Shadow(Color=#B426F8, Direction=45, Strength=4)">Text</p>

This text has shadow with #B426F8 and red colors in old Internet Explorer.


Div box shadow color

/* css code */
.divShadow
{
  -moz-box-shadow:	1px 1px 3px 2px #B426F8;
  -webkit-box-shadow:	1px 1px 3px 2px #B426F8;
  box-shadow:		1px 1px 3px 2px #B426F8;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #B426F8;
-webkit-box-shadow: 1px 1px 3px 2px #B426F8;
box-shadow:1px 1px 3px 2px #B426F8;">
Div content here</div>
This div box has shadow with color #B426F8.

Preview

Color preview on black background

This text has color #B426F8 on black background.


Color preview on white background

This text has color #B426F8 on white background.



Black color preview on #B426F8 background

This text has black color on #B426F8 background.


White color preview on #B426F8 background

This text has white color on #B426F8 background.