Color #AF4CF0

Color info

#AF4CF0 contains mainly blue color. Web safe color of #AF4CF0 is #9933FF (or #93F).

RGB color model

#AF4CF0 color RGB value is (175,76,240).

red value is 175;
green value is 76;
blue value is 240.

RGB: (175,76,240) (69%, 30%, 94%)

RGB channels and saturation

R 175 of 255 = 69%
G 76 of 255 = 30%
B 240 of 255 = 94%

175

76

240

R + G + B ~ 64%. #AF4CF0 is quite light color.

Portions of RGB colors in percentages

R + G + B = 175 + 76 + 240 = 491 (100%)
R 175 of 491 ~ 35.64%
G 76 of 491 ~ 15.48%
B 240 of 491 ~ 48.88'%

%35.64

%15.48

%48.88

CMYK color model

#AF4CF0 color CMYK value is (27,68,0,6).

cyan value is 27.08%
magenta value is 68.33%
yellow value is 0.00%
key color value is 5.88%

CMYK: (27,68,0,6)
C27M68Y0K6 (27%, 68%, 0%, 6%)
(0.27 / 0.68 / 0.00 / 0.06)

CMYK percentages

%27.08

%68.33

%0

%5.88

Codes

Color #AF4CF0 in popluar color models

	AF	4C	F0
RGB	175	76	240
HSL	276°	84.54%	61.96%
HSB/HSV	276°	68.33%	94.12%
CMYK	27.08%	68.33%	0.00%
CMYK	5.88%

Color #AF4CF0 in popluar number systems.

HEX	AF	4C	F0
Decimal	175	76	240
Binary	10101111	1001100	11110000
Octal	257	114	360

Shades and tints

Shades of #AF4CF0

#AF4CF0
(175,76,240)

#A046DB
(160,70,219)

#9140C6
(145,64,198)

#823AB1
(130,58,177)

#73349C
(115,52,156)

#642E87
(100,46,135)

#552872
(85,40,114)

#46225D
(70,34,93)

#371C48
(55,28,72)

#281633
(40,22,51)

#19101E
(25,16,30)

#000000
(0,0,0)

Tints of #AF4CF0

#AF4CF0
(175,76,240)

#B65CF1
(182,92,241)

#BD6CF2
(189,108,242)

#C47CF3
(196,124,243)

#CB8CF4
(203,140,244)

#D29CF5
(210,156,245)

#D9ACF6
(217,172,246)

#E0BCF7
(224,188,247)

#E7CCF8
(231,204,248)

#EEDCF9
(238,220,249)

#F5ECFA
(245,236,250)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AF4CF0 color. Also use rgb(175,76,240) instead hex code.

Text Font Color

.myTextColor { color: #AF4CF0; }

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

This text font color is #AF4CF0.

Background Color

.myBgColor { background-color: #AF4CF0; }

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

This div background color is #AF4CF0.

Border color

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

This div border color is #AF4CF0.

Opacity

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

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

This text has shadow with #AF4CF0 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AF4CF0.