#f30229 Color Information

In a RGB color space, hex #f30229 is composed of 95.3% red, 0.8% green and 16.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 83.1% yellow and 4.7% black. It has a hue angle of 350.3 degrees, a saturation of 98.4% and a lightness of 48%. #f30229 color hex could be obtained by blending #ff0452 with #e70000. Closest websafe color is: #ff0033.

    • R 95
    • G 1
    • B 16
    RGB color chart
    • C 0
    • M 99
    • Y 83
    • K 5
    CMYK color chart

#f30229 color description : Vivid red.

#f30229 Color Conversion

The hexadecimal color #f30229 has RGB values of R:243, G:2, B:41 and CMYK values of C:0, M:0.99, Y:0.83, K:0.05. Its decimal value is 15925801.

Hex triplet f30229 #f30229
RGB Decimal 243, 2, 41 rgb(243,2,41)
RGB Percent 95.3, 0.8, 16.1 rgb(95.3%,0.8%,16.1%)
CMYK 0, 99, 83, 5
HSL 350.3°, 98.4, 48 hsl(350.3,98.4%,48%)
HSV (or HSB) 350.3°, 99.2, 95.3
Web Safe ff0033 #ff0033
CIE-LAB 50.994, 77.582, 49.877
XYZ 37.386, 19.263, 3.847
xyY 0.618, 0.318, 19.263
CIE-LCH 50.994, 92.232, 32.736
CIE-LUV 50.994, 162.257, 29.683
Hunter-Lab 43.89, 75.242, 25.525
Binary 11110011, 00000010, 00101001

Color Schemes with #f30229

Complementary Color
Analogous Color
Split Complementary Color
Triadic Color
Tetradic Color
Monochromatic Color

Alternatives to #f30229

Below, you can see some colors close to #f30229. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

Similar Colors

#f30229 Preview

Text with hexadecimal color #f30229

This text has a font color of #f30229.

<span style="color:#f30229;">Text here</span>
#f30229 background color

This paragraph has a background color of #f30229.

<p style="background-color:#f30229;">Content here</p>
#f30229 border color

This element has a border color of #f30229.

<div style="border:1px solid #f30229;">Content here</div>
CSS codes
.text {color:#f30229;}
.background {background-color:#f30229;}
.border {border:1px solid #f30229;}

Shades and Tints of #f30229

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0a0002 is the darkest color, while #fff5f7 is the lightest one.

Shade Color Variation
Tint Color Variation

Tones of #f30229

A tone is produced by adding gray to any pure hue. In this case, #827375 is the less saturated color, while #f30229 is the most saturated one.

Tone Color Variation

Color Blindness Simulator

Below, you can see how #f30229 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

  • #4f4f4f Achromatopsia 0.005% of the population
  • #704047 Atypical Achromatopsia 0.001% of the population
  • #8c804a Protanopia 1% of men
  • #a07a1d Deuteranopia 1% of men
  • #f31902 Tritanopia 0.001% of the population
  • #b1523e Protanomaly 1% of men, 0.01% of women
  • #be4e21 Deuteranomaly 6% of men, 0.4% of women
  • #f31010 Tritanomaly 0.01% of the population