Html Css Color HEX #F03942 Amaranth

📋 copy color: '#F03942'

red 240 ◦ green 57 ◦ blue 66

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

Shades of Amaranth #F03942

Tints of Amaranth #F03942

RGB

 RED value IS 240 (94.14% from 255) = 66.12%

 GREEN value IS 57 (22.66% from 255) = 15.7%

 BLUE value IS 66 (26.17% from 255) = 18.18%

R = 66.12%
G = 15.7%
B = 18.18%

CMYK

 C value IS 0

 M value IS 0.76

 Y value IS 0.72

 K value IS 0.06

RGB Variations

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

Color information

#F03942 (or 0xF03942) is known color: Amaranth. HEX triplet: F0, 39 and 42. RGB value is (240,57,66). Sum of RGB (Red+Green+Blue) = 240+57+66=363 (48% of max value = 765). Red value is 240 (94.14% from 255 or 66.12% from 363); Green value is 57 (22.66% from 255 or 15.70% from 363); Blue value is 66 (26.17% from 255 or 18.18% from 363); Max value from RGB is 240 - color contains mainly: red. Hex color #F03942 is not a web safe color. Web safe color analog (approx): #FF3333. Inversed color of #F03942 is #0FC6BD. Grayscale: #707070. Windows color (decimal): -1033918 or 4340208. OLE color: 4340208.

HSL color Cylindrical-coordinate representation of color #F03942: hue angle of 357.05º degrees, saturation: 0.86, lightness: 0.58%. HSV value (or HSB Brightness) of color is 0.94% and HSV saturation: 0.76%. Process color model (Four color, CMYK) of #F03942 is Cyan = 0, Magento = 0.76, Yellow = 0.72 and Black (K on CMYK) = 0.06.

Color convert

RGB 240 57 66 -
CMYK 0 0.76 0.72 0.06
HSL 357.05º 0.86% 0.58% -
HSV(B) 357.05º 0.76% 0.94% -
XYZ 38.38 21.84 7.35 -
YUV 112.74 101.63 218.77 -
System Red Green Blue C M Y K H S L
Decimal 240 57 66 0 0.76 0.72 0.06 357.05 0.86 0.58
Hex F0 39 42 0 4C 48 6 165 56 3A
Octal 360 71 102 0 114 110 6 545 126 72
Binary 11110000 111001 1000010 0 1001100 1001000 110 101100101 1010110 111010

Color Harmonies of #F03942

Triadic Colors

Analogous colors

Split complements colors

Complementary color

Monochromatic Colors of #F03942

Black with #F03942

Text Example


Text Example

White with #F03942

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #F03942; }

 p { color: rgb(240,57,66); }

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

background-color css

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

 a { background-color: rgb(240,57,66); }

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

border-color css

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

 span { border-color: rgb(240,57,66); }

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