COLOR #D20BEF

HEX: #D20BEF
RGB: (210,11,239)

Color info

#D20BEF contains mainly red and blue colors. Web safe color of #D20BEF is #CC00FF (or #C0F).

RGB color model

#D20BEF color RGB value is (210,11,239).

  • red value is 210;
  • green value is 11;
  • blue value is 239.
RGB:
(210,11,239)
(82%,4%,94%)

RGB channels and saturation

R 210 of 255 = 82%
G 11 of 255 = 4%
B 239 of 255 = 94%

210
11
239

R + G + B ~ 60%. #D20BEF is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
210 + 11 + 239 = 460 (100%)
R 210 of 460 ~ 45.65%
G 11 of 460 ~ 2.39%
B 239 of 460 ~ 51.96%

%45.65
%51.96

CMYK color model

#D20BEF color CMYK value is (12,95,0,6).

  • cyan value is 12.13%
  • magenta value is 95.40%
  • yellow value is 0.00%
  • key color value is 6.27%
CMYK:
(12,95,0,6)
C12M95Y0K6 
(12%,95%,0%,6%)
(0.12/0.95/0.00/0.06)	

CMYK percentages

%12.13
%95.4
%0
%6.27

Codes

Color #D20BEF in popluar color models

D20BEF
RGB21011239
HSL292°91.20%49.02%
HSB/HSV292°95.40%93.73%
CMYK12.13%95.40%0.00%
6.27%

Color #D20BEF in popluar number systems.

HEXD20BEF
Decimal21011239
Binary11010010101111101111
Octal32213357

Shades and tints

Shades of #D20BEF

#D20BEF
(210,11,239)
#BF0ADA
(191,10,218)
#AC09C5
(172,9,197)
#9908B0
(153,8,176)
#86079B
(134,7,155)
#730686
(115,6,134)
#600571
(96,5,113)
#4D045C
(77,4,92)
#3A0347
(58,3,71)
#270232
(39,2,50)
#14011D
(20,1,29)
#000000
(0,0,0)

Tints of #D20BEF

#D20BEF
(210,11,239)
#D621F0
(214,33,240)
#DA37F1
(218,55,241)
#DE4DF2
(222,77,242)
#E263F3
(226,99,243)
#E679F4
(230,121,244)
#EA8FF5
(234,143,245)
#EEA5F6
(238,165,246)
#F2BBF7
(242,187,247)
#F6D1F8
(246,209,248)
#FAE7F9
(250,231,249)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #D20BEF color. Also use rgb(210,11,239) instead hex code.

Text Font Color

.myTextColor { color: #D20BEF; }

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

This text font color is #D20BEF.


Background Color

.myBgColor { background-color: #D20BEF; }

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

This div background color is #D20BEF.


Border color

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

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

This div border color is #D20BEF.


Opacity

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

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

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

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

This text has shadow with #D20BEF color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #D20BEF on black background.


Color preview on white background

This text has color #D20BEF on white background.



Black color preview on #D20BEF background

This text has black color on #D20BEF background.


White color preview on #D20BEF background

This text has white color on #D20BEF background.