Html Css Color HEX #F22A30 Alizarin

📋 copy color: '#F22A30'

red 242 ◦ green 42 ◦ blue 48

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

Shades of Alizarin #F22A30

#F22A30
#C22226
#9B1B1E
#7C1618
#631213
#4F0E0F
#3F0B0C
#32090A
#280708
#200606
#1A0505
#150404
Black

Tints of Alizarin #F22A30

#F22A30
#F55559
#F7777A
#F99295
#FAA8AA
#FBB9BB
#FCC7C9
#FDD2D4
#FDDBDD
#FDE2E4
#FDE8E9
#FDEDED
White

RGB

 RED value IS 242 (94.92% from 255) = 72.89%

 GREEN value IS 42 (16.8% from 255) = 12.65%

 BLUE value IS 48 (19.14% from 255) = 14.46%

R = 72.89%
G = 12.65%
B = 14.46%

CMYK

 C value IS 0

 M value IS 0.83

 Y value IS 0.80

 K value IS 0.05

RGB Variations

RGB:
#F22A30
RBG:
#F2302A
GRB:
#2AF230
GBR:
#2A30F2
BRG:
#30F230
BGR:
#302AF2

Color information

#F22A30 (or 0xF22A30) is known color: Alizarin. HEX triplet: F2, 2A and 30. RGB value is (242,42,48). Sum of RGB (Red+Green+Blue) = 242+42+48=332 (43% of max value = 765). Red value is 242 (94.92% from 255 or 72.89% from 332); Green value is 42 (16.80% from 255 or 12.65% from 332); Blue value is 48 (19.14% from 255 or 14.46% from 332); Max value from RGB is 242 - color contains mainly: red. Hex color #F22A30 is not a web safe color. Web safe color analog (approx): #FF3333. Inversed color of #F22A30 is #0DD5CF. Grayscale: #666666. Windows color (decimal): -906704 or 3156722. OLE color: 3156722.

HSL color Cylindrical-coordinate representation of color #F22A30: hue angle of 358.2º degrees, saturation: 0.88, lightness: 0.56%. HSV value (or HSB Brightness) of color is 0.95% and HSV saturation: 0.83%. Process color model (Four color, CMYK) of #F22A30 is Cyan = 0, Magento = 0.83, Yellow = 0.80 and Black (K on CMYK) = 0.05.

Color convert

RGB 242 42 48 -
CMYK 0 0.83 0.80 0.05
HSL 358.2º 0.88% 0.56% -
HSV(B) 358.2º 0.83% 0.95% -
XYZ 37.98 20.75 4.8 -
YUV 102.48 97.26 227.51 -
System Red Green Blue C M Y K H S L
Decimal 242 42 48 0 0.83 0.80 0.05 358.2 0.88 0.56
Hex F2 2A 30 0 53 50 5 166 58 38
Octal 362 52 60 0 123 120 5 546 130 70
Binary 11110010 101010 110000 0 1010011 1010000 101 101100110 1011000 111000

Color Harmonies of #F22A30

Triadic Colors

#30F22A
#2A30F2

Analogous colors

#F2882A
#F22A94

Split complements colors

#2AF288
#2A94F2

Complementary color

#2AF2EC

Monochromatic Colors of #F22A30

#FBCACB
#F99598
#BA6F72
#B51F24
#791518
#5A0F12

Black with #F22A30

Text Example


Text Example

White with #F22A30

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #F22A30; }

 p { color: rgb(242,42,48); }

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

background-color css

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

 a { background-color: rgb(242,42,48); }

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

border-color css

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

 span { border-color: rgb(242,42,48); }

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