Html Css Color HEX #DE1807 Scarlet

📋 copy color: '#DE1807'

red 222 ◦ green 24 ◦ blue 7

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

Shades of Scarlet #DE1807

Tints of Scarlet #DE1807

RGB

 RED value IS 222 (87.11% from 255) = 87.75%

 GREEN value IS 24 (9.77% from 255) = 9.49%

 BLUE value IS 7 (3.13% from 255) = 2.77%

R = 87.75%
G = 9.49%
B = 2.77%

CMYK

 C value IS 0

 M value IS 0.89

 Y value IS 0.97

 K value IS 0.13

RGB Variations

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

Color information

#DE1807 (or 0xDE1807) is known color: Scarlet. HEX triplet: DE, 18 and 07. RGB value is (222,24,7). Sum of RGB (Red+Green+Blue) = 222+24+7=253 (33% of max value = 765). Red value is 222 (87.11% from 255 or 87.75% from 253); Green value is 24 (9.77% from 255 or 9.49% from 253); Blue value is 7 (3.12% from 255 or 2.77% from 253); Max value from RGB is 222 - color contains mainly: red. Hex color #DE1807 is not a web safe color. Web safe color analog (approx): #CC0000. Inversed color of #DE1807 is #21E7F8. Grayscale: #515151. Windows color (decimal): -2222073 or 465118. OLE color: 465118.

HSL color Cylindrical-coordinate representation of color #DE1807: hue angle of 4.74º degrees, saturation: 0.94, lightness: 0.45%. HSV value (or HSB Brightness) of color is 0.87% and HSV saturation: 0.97%. Process color model (Four color, CMYK) of #DE1807 is Cyan = 0, Magento = 0.89, Yellow = 0.97 and Black (K on CMYK) = 0.13.

Color convert

RGB 222 24 7 -
CMYK 0 0.89 0.97 0.13
HSL 4.74º 0.94% 0.45% -
HSV(B) 4.74º 0.97% 0.87% -
XYZ 30.49 16.2 1.72 -
YUV 81.26 86.1 228.38 -
System Red Green Blue C M Y K H S L
Decimal 222 24 7 0 0.89 0.97 0.13 4.74 0.94 0.45
Hex DE 18 7 0 59 61 D 5 5E 2D
Octal 336 30 7 0 131 141 15 5 136 55
Binary 11011110 11000 111 0 1011001 1100001 1101 101 1011110 101101

Color Harmonies of #DE1807

Triadic Colors

Analogous colors

Split complements colors

Complementary color

Monochromatic Colors of #DE1807

Black with #DE1807

Text Example


Text Example

White with #DE1807

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #DE1807; }

 p { color: rgb(222,24,7); }

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

background-color css

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

 a { background-color: rgb(222,24,7); }

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

border-color css

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

 span { border-color: rgb(222,24,7); }

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