Html Css Color HEX #D7224A Amaranth

📋 copy color: '#D7224A'

red 215 ◦ green 34 ◦ blue 74

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

Shades of Amaranth #D7224A

Tints of Amaranth #D7224A

RGB

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

 GREEN value IS 34 (13.67% from 255) = 10.53%

 BLUE value IS 74 (29.3% from 255) = 22.91%

R = 66.56%
G = 10.53%
B = 22.91%

CMYK

 C value IS 0

 M value IS 0.84

 Y value IS 0.66

 K value IS 0.16

RGB Variations

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

Color information

#D7224A (or 0xD7224A) is known color: Amaranth. HEX triplet: D7, 22 and 4A. RGB value is (215,34,74). Sum of RGB (Red+Green+Blue) = 215+34+74=323 (42% of max value = 765). Red value is 215 (84.38% from 255 or 66.56% from 323); Green value is 34 (13.67% from 255 or 10.53% from 323); Blue value is 74 (29.30% from 255 or 22.91% from 323); Max value from RGB is 215 - color contains mainly: red. Hex color #D7224A is not a web safe color. Web safe color analog (approx): #CC3333. Inversed color of #D7224A is #28DDB5. Grayscale: #5C5C5C. Windows color (decimal): -2678198 or 4858583. OLE color: 4858583.

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

Color convert

RGB 215 34 74 -
CMYK 0 0.84 0.66 0.16
HSL 346.74º 0.73% 0.49% -
HSV(B) 346.74º 0.84% 0.84% -
XYZ 29.83 16.09 8.01 -
YUV 92.68 117.47 215.25 -
System Red Green Blue C M Y K H S L
Decimal 215 34 74 0 0.84 0.66 0.16 346.74 0.73 0.49
Hex D7 22 4A 0 54 42 10 15B 49 31
Octal 327 42 112 0 124 102 20 533 111 61
Binary 11010111 100010 1001010 0 1010100 1000010 10000 101011011 1001001 110001

Color Harmonies of #D7224A

Triadic Colors

Analogous colors

Split complements colors

Complementary color

Monochromatic Colors of #D7224A

Black with #D7224A

Text Example


Text Example

White with #D7224A

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #D7224A; }

 p { color: rgb(215,34,74); }

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

background-color css

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

 a { background-color: rgb(215,34,74); }

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

border-color css

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

 span { border-color: rgb(215,34,74); }

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