color details

Color Details
#020002 Color Hex

#020002 color RGB value is (0, 32, 0).
#020002 hex color red value is 0, green value is 32, and blue value is 0.
Cylindrical-coordinate representations (HSL) of color #020002 hue: 120, saturation: 1 and lightness: 0.06.

The process color (four-color CMYK) of #020002 color hex is 0.00, 0.28, 0.40, 0.03. Web safe color of #020002 is #ff9999. Color #020002 contains mainly RED.

Color Spaces
Color spaces of #020002Value
RGB2, 0, 2
HSL0.83, 1, 0
HSV300°, 100°, 1°
XYZ0.04, 0.02, 0.06
Base Numbers
Base Red Green Blue
Binary 10 0 10
Octal 2 0 2
Decimal 2 0 2
Hex 2 0 2

RGB Percentages for Color #020002

50%
50%

CMYK Percentages of the Color #020002

100%
99.22%
CSS Codes for Color #020002
.mybgColor {background-color: #020002;}
.myforeColor {color: #020002;}
.myborderColor {border:3px solid #020002;}
Text Font Color #020002

<p style="color:#020002">Text here</p>

This sample text is styled with the font color #020002. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,

Background Color #020002

<div style="background-color:#020002">Div content here</div>

The background color of this div is #020002
Border Color #020002

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

The border color of this div is #020002
Css3 Examples
            .textShadowRgb {
                text-shadow: 4px 4px 2px rgba(2, 0, 2, 0.8);            }
            .textShadowHex {
                text-shadow: 4px 4px 2px #020002;            }
            .divShadow {
                -moz-box-shadow: 1px 1px 3px #020002;
-webkit-box-shadow: 1px 1px 3px #020002;
box-shadow: 1px 1px 3px #020002;            }
            
Text Shadow Using RGB Values

<p style="text-shadow: 4px 4px 2px rgba(2, 0, 2, 0.8);">Text here</p>

This text has a shadow with RGB values.

Text Shadow Using Hex Values

<p style="text-shadow: 4px 4px 2px #020002;">Text here</p>

This text has a shadow with hexadecimal (hex) values.

Shadow Div Box

<div style="-moz-box-shadow: 1px 1px 3px #020002; -webkit-box-shadow: 1px 1px 3px #020002; box-shadow: 1px 1px 3px #020002;">Div content here</div>

This div box has a shadow with a specified color. #020002

Scroll to Top