COLOR #7C19C4

HEX: #7C19C4
RGB: (124,25,196)

Color info

#7C19C4 contains mainly blue color. Web safe color of #7C19C4 is #6600CC (or #60C).

RGB color model

#7C19C4 color RGB value is (124,25,196).

  • red value is 124;
  • green value is 25;
  • blue value is 196.
RGB: (124,25,196) (49%,10%,77%)

RGB channels and saturation

R 124 of 255 = 49%
G 25 of 255 = 10%
B 196 of 255 = 77%

124
25
196

R + G + B ~ 45%. #7C19C4 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
124 + 25 + 196 = 345 (100%)
R 124 of 345 ~ 35.94%
G 25 of 345 ~ 7.25%
B 196 of 345 ~ 56.81%

%35.94
%56.81

CMYK color model

#7C19C4 color CMYK value is (37,87,0,23).

  • cyan value is 36.73%
  • magenta value is 87.24%
  • yellow value is 0.00%
  • key color value is 23.14%
CMYK: (37,87,0,23) C37M87Y0K23 (37%,87%,0%,23%) (0.37/0.87/0.00/0.23)

CMYK percentages

%36.73
%87.24
%0
%23.14

Codes

Color #7C19C4 in popluar color models

7C19C4
RGB12425196
HSL275°77.38%43.33%
HSB/HSV275°87.24%76.86%
CMYK36.73%87.24%0.00%
23.14%

Color #7C19C4 in popluar number systems.

HEX7C19C4
Decimal12425196
Binary11111001100111000100
Octal17431304

Shades and tints

Shades of #7C19C4

#7C19C4
(124,25,196)
#7117B3
(113,23,179)
#6615A2
(102,21,162)
#5B1391
(91,19,145)
#501180
(80,17,128)
#450F6F
(69,15,111)
#3A0D5E
(58,13,94)
#2F0B4D
(47,11,77)
#24093C
(36,9,60)
#19072B
(25,7,43)
#0E051A
(14,5,26)
#000000
(0,0,0)

Tints of #7C19C4

#7C19C4
(124,25,196)
#872DC9
(135,45,201)
#9241CE
(146,65,206)
#9D55D3
(157,85,211)
#A869D8
(168,105,216)
#B37DDD
(179,125,221)
#BE91E2
(190,145,226)
#C9A5E7
(201,165,231)
#D4B9EC
(212,185,236)
#DFCDF1
(223,205,241)
#EAE1F6
(234,225,246)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7C19C4 color. Also use rgb(124,25,196) instead hex code.

Text Font Color

.myTextColor { color: #7C19C4; }

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

This text font color is #7C19C4.


Background Color

.myBgColor { background-color: #7C19C4; }

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

This div background color is #7C19C4.


Border color

.myBorderColor { border: 1px solid #7C19C4; }

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

This div border color is #7C19C4.


Opacity

.myOpacity80 { color: #7C19C4; opacity: 0.8; }

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

Text with #7C19C4 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 #7C19C4;}

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

This text has shadow with #7C19C4 color.

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

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

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


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

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

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


Div box shadow color

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

Preview

Color preview on black background

This text has color #7C19C4 on black background.


Color preview on white background

This text has color #7C19C4 on white background.


Black color preview on #7C19C4 background

This text has black color on #7C19C4 background.


White color preview on #7C19C4 background

This text has white color on #7C19C4 background.



↑