#4106BB

Color #4106BB Purple Heart (background png icon) HTML CSS
Download Color Icon.PNG:
16x16 32x32 64x64 128x128

Shades of Purple Heart #4106BB

Tints of Purple Heart #4106BB

Color information

#4106BB (or 0x4106BB) is unknown color: approx Purple Heart. HEX triplet: 41, 06 and BB. RGB value is (65,6,187). Sum of RGB (Red+Green+Blue) = 65+6+187=258 (34% of max value = 765). Red value is 65 (25.78% from 255 or 25.19% from 258); Green value is 6 (2.73% from 255 or 2.33% from 258); Blue value is 187 (73.44% from 255 or 72.48% from 258); Max value from RGB is 187 - color contains mainly: blue. Hex color #4106BB is not a web safe color. Web safe color analog (approx): #3300CC. Inversed color of #4106BB is #BEF944. Grayscale: #2B2B2B. Windows color (decimal): -12515653 or 12256833. OLE color: 12256833.

HSL color Cylindrical-coordinate representation of color #4106BB: hue angle of 259.56º degrees, saturation: 0.94, lightness: 0.38%. HSV value (or HSB Brightness) of color is 0.73% and HSV saturation: 0.97%. Process color model (Four color, CMYK) of #4106BB is Cyan = 0.65, Magento = 0.97, Yellow = 0 and Black (K on CMYK) = 0.27.

Color convert

RGB656187-
CMYK0.650.9700.27
HSL259.56º93.78%37.84%-
HSV(B)259.56º96.79%73.33%-
XYZ11.214.8447.36-
YUV44.28208.55142.78-

RGB Variations

RGB:
RBG:
GRB:
GBR:
BRG:
BGR:

RGB

RED value IS 65 (25.78% from 255) = 25.19%
GREEN value IS 6 (2.73% from 255) = 2.33%
BLUE value IS 187 (73.44% from 255) = 72.48%
R=25.19%
G=2.33%
B=72.48%

CMYK

C (Cyan) values IS 0.65
M (Magenta) values IS 0.97
Y (Yellow) values IS 0
K (Black) values IS 0.27
SystemRedGreenBlueCMYKHSL
Decimal6561870.650.9700.27259.5693.7837.84
Hex416BB416101B1045e26
Octal101627310114103340413646
Binary100000111010111011100000111000010110111000001001011110100110

Black

1234567890 Text Example


1234567890 Text Example

White

1234567890 Text Example


1234567890 Text Example


Color Harmonies of #4106BB

Triadic Colors

Analogous Colors

Split complements Colors

Complementary Color



HTML code & CSSWeb design

color css

<style>
 p { color: #4106BB; }

 p { color: rgb(65,6,187); }

 H1.HeaderClassName
 {
   color: #4106BB;
 }
 .AnyTagClassName
 {
   color: #4106BB;
 }
</style>
background-color css

<style>
 a { background-color: #4106BB; }

 a { background-color: rgb(65,6,187); }

 div.DivClassName
 {
   background-color: #4106BB;
 }
 .BgClassName
 {
   background-color: #4106BB;
 }
</style>
border-color css

<style>
 span { border-color: #4106BB; }

 span { border-color: rgb(65,6,187); }

 td.TdClassName
 {
   border-color: #4106BB;
 }
 .TagClassName
 {
   border-color: #4106BB;
 }
</style>