Html Css Color HEX #D7016D Ruby

📋 copy color: '#D7016D'

red 215 ◦ green 1 ◦ blue 109

#D7016D
Download Color Icon.PNG:
16x16 32x32 64x64 128x128 256x256

Shades of Ruby #D7016D

Tints of Ruby #D7016D

RGB

 RED value IS 215 (84.38% from 255) = 66.15%

 GREEN value IS 1 (0.78% from 255) = 0.31%

 BLUE value IS 109 (42.97% from 255) = 33.54%

R = 66.15%
G = 0.31%
B = 33.54%

CMYK

 C value IS 0

 M value IS 1.00

 Y value IS 0.49

 K value IS 0.16

RGB Variations

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

Color information

#D7016D (or 0xD7016D) is known color: Ruby. HEX triplet: D7, 01 and 6D. RGB value is (215,1,109). Sum of RGB (Red+Green+Blue) = 215+1+109=325 (43% of max value = 765). Red value is 215 (84.38% from 255 or 66.15% from 325); Green value is 1 (0.78% from 255 or 0.31% from 325); Blue value is 109 (42.97% from 255 or 33.54% from 325); Max value from RGB is 215 - color contains mainly: red. Hex color #D7016D is not a web safe color. Web safe color analog (approx): #CC0066. Inversed color of #D7016D is #28FE92. Grayscale: #4D4D4D. Windows color (decimal): -2686611 or 7143895. OLE color: 7143895.

HSL color Cylindrical-coordinate representation of color #D7016D: hue angle of 329.72º degrees, saturation: 0.99, lightness: 0.42%. HSV value (or HSB Brightness) of color is 0.84% and HSV saturation: 1%. Process color model (Four color, CMYK) of #D7016D is Cyan = 0, Magento = 1.00, Yellow = 0.49 and Black (K on CMYK) = 0.16.

Color convert

RGB 215 1 109 -
CMYK 0 1.00 0.49 0.16
HSL 329.72º 0.99% 0.42% -
HSV(B) 329.72º 1% 0.84% -
XYZ 30.8 15.57 15.85 -
YUV 77.3 145.9 226.22 -
System Red Green Blue C M Y K H S L
Decimal 215 1 109 0 1.00 0.49 0.16 329.72 0.99 0.42
Hex D7 1 6D 0 64 31 10 14A 63 2A
Octal 327 1 155 0 144 61 20 512 143 52
Binary 11010111 1 1101101 0 1100100 110001 10000 101001010 1100011 101010

Color Harmonies of #D7016D

Triadic Colors

Analogous colors

Split complements colors

Complementary color

Monochromatic Colors of #D7016D

Black with #D7016D

Text Example


Text Example

White with #D7016D

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #D7016D; }

 p { color: rgb(215,1,109); }

 H1.HeaderClassName
 {
   color: #D7016D;
 }
 .AnyTagClassName
 {
   color: #D7016D;
 }
</style>

background-color css

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

 a { background-color: rgb(215,1,109); }

 div.DivClassName
 {
   background-color: #D7016D;
 }
 .BgClassName
 {
   background-color: #D7016D;
 }
</style>

border-color css

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

 span { border-color: rgb(215,1,109); }

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