#f30535 hex color

In a RGB color space, hex #f30535 is composed of 95.3% red, 2% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.9% magenta, 78.2% yellow and 4.7% black. It has a hue angle of 347.9 degrees, a saturation of 96% and a lightness of 48.6%. #f30535 color hex could be obtained by blending #ff0a6a with #e70000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 95
- G 2
- B 21
RGB color chart
- C 0
- M 98
- Y 78
- K 5
CMYK color chart

● #f30535 color description : Vivid red.

The hexadecimal color #f30535 has RGB values of R:243, G:5, B:53 and CMYK values of C:0, M:0.98, Y:0.78, K:0.05. Its decimal value is 15926581.

Hex triplet	f30535	`#f30535`
RGB Decimal	243, 5, 53	`rgb(243,5,53)`
RGB Percent	95.3, 2, 20.8	`rgb(95.3%,2%,20.8%)`
CMYK	0, 98, 78, 5
HSL	347.9°, 96, 48.6	`hsl(347.9,96%,48.6%)`
HSV (or HSB)	347.9°, 97.9, 95.3
Web Safe	ff0033	`#ff0033`

CIE-LAB	51.181, 77.671, 43.573
XYZ	37.661, 19.425, 5.134
xyY	0.605, 0.312, 19.425
CIE-LCH	51.181, 89.058, 29.292
CIE-LUV	51.181, 159.363, 26.101
Hunter-Lab	44.074, 75.398, 23.945
Binary	11110011, 00000101, 00110101

#f30535
```
#f30535 rgb(243,5,53)
```
#05f3c3
```
#05f3c3 rgb(5,243,195)
```

Complementary Color

#f305ac
```
#f305ac rgb(243,5,172)
```
#f30535
```
#f30535 rgb(243,5,53)
```
#f34c05
```
#f34c05 rgb(243,76,5)
```

Analogous Color

#05acf3
```
#05acf3 rgb(5,172,243)
```
#f30535
```
#f30535 rgb(243,5,53)
```
#05f34c
```
#05f34c rgb(5,243,76)
```

Split Complementary Color

#0535f3
```
#0535f3 rgb(5,53,243)
```
#f30535
```
#f30535 rgb(243,5,53)
```
#35f305
```
#35f305 rgb(53,243,5)
```

Triadic Color

#c305f3
```
#c305f3 rgb(195,5,243)
```
#f30535
```
#f30535 rgb(243,5,53)
```
#35f305
```
#35f305 rgb(53,243,5)
```
#05f3c3
```
#05f3c3 rgb(5,243,195)
```

Tetradic Color

#a80325
```
#a80325 rgb(168,3,37)
```
#c1042a
```
#c1042a rgb(193,4,42)
```
#da0430
```
#da0430 rgb(218,4,48)
```
#f30535
```
#f30535 rgb(243,5,53)
```
#fa1745
```
#fa1745 rgb(250,23,69)
```
#fb3059
```
#fb3059 rgb(251,48,89)
```
#fb496d
```
#fb496d rgb(251,73,109)
```

Monochromatic Color

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

#f30571
```
#f30571 rgb(243,5,113)
```
#f3055d
```
#f3055d rgb(243,5,93)
```
#f30549
```
#f30549 rgb(243,5,73)
```
#f30535
```
#f30535 rgb(243,5,53)
```
#f30521
```
#f30521 rgb(243,5,33)
```
#f3050d
```
#f3050d rgb(243,5,13)
```
#f31105
```
#f31105 rgb(243,17,5)
```

Similar Colors

Text with hexadecimal color #f30535

This text has a font color of #f30535.

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

#f30535 background color

This paragraph has a background color of #f30535.

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

#f30535 border color

This element has a border color of #f30535.

<div style="border:1px solid #f30535;">Content here</div>

CSS codes

.text {color:#f30535;}

.background {background-color:#f30535;}

.border {border:1px solid #f30535;}

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, #0c0003 is the darkest color, while #fff8f9 is the lightest one.

#0c0003
```
#0c0003 rgb(12,0,3)
```
#200107
```
#200107 rgb(32,1,7)
```
#33010b
```
#33010b rgb(51,1,11)
```
#46010f
```
#46010f rgb(70,1,15)
```
#590213
```
#590213 rgb(89,2,19)
```
#6c0218
```
#6c0218 rgb(108,2,24)
```
#80031c
```
#80031c rgb(128,3,28)
```
#930320
```
#930320 rgb(147,3,32)
```
#a60324
```
#a60324 rgb(166,3,36)
```
#b90428
```
#b90428 rgb(185,4,40)
```
#cd042d
```
#cd042d rgb(205,4,45)
```
#e00531
```
#e00531 rgb(224,5,49)
```
#f30535
```
#f30535 rgb(243,5,53)
```

Shade Color Variation

#fa1240
```
#fa1240 rgb(250,18,64)
```
#fb2550
```
#fb2550 rgb(251,37,80)
```
#fb385f
```
#fb385f rgb(251,56,95)
```
#fb4b6f
```
#fb4b6f rgb(251,75,111)
```
#fc5e7e
```
#fc5e7e rgb(252,94,126)
```
#fc728e
```
#fc728e rgb(252,114,142)
```
#fc859d
```
#fc859d rgb(252,133,157)
```
#fd98ac
```
#fd98ac rgb(253,152,172)
```
#fdabbc
```
#fdabbc rgb(253,171,188)
```
#febecb
```
#febecb rgb(254,190,203)
```
#fed2db
```
#fed2db rgb(254,210,219)
```
#fee5ea
```
#fee5ea rgb(254,229,234)
```
#fff8f9
```
#fff8f9 rgb(255,248,249)
```

Tint Color Variation

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

#817779
```
#817779 rgb(129,119,121)
```
#8a6e74
```
#8a6e74 rgb(138,110,116)
```
#94646e
```
#94646e rgb(148,100,110)
```
#9d5b68
```
#9d5b68 rgb(157,91,104)
```
#a75163
```
#a75163 rgb(167,81,99)
```
#b0485d
```
#b0485d rgb(176,72,93)
```
#ba3e57
```
#ba3e57 rgb(186,62,87)
```
#c33551
```
#c33551 rgb(195,53,81)
```
#cd2b4c
```
#cd2b4c rgb(205,43,76)
```
#d62246
```
#d62246 rgb(214,34,70)
```
#e01840
```
#e01840 rgb(224,24,64)
```
#e90f3b
```
#e90f3b rgb(233,15,59)
```
#f30535
```
#f30535 rgb(243,5,53)
```

Tone Color Variation

Below, you can see how #f30535 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.

Monochromacy

#525252 Achromatopsia 0.005% of the population
#72434c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8058 Protanopia 1% of men
#9f7a2e Deuteranopia 1% of men
#f21f16 Tritanopia 0.001% of the population

Trichromacy

#b0534b Protanomaly 1% of men, 0.01% of women
#bd4f30 Deuteranomaly 6% of men, 0.4% of women
#f21521 Tritanomaly 0.01% of the population

#f30535 hex color

#f30535 Color Information

#f30535 Color Conversion

Color Schemes with #f30535

Alternatives to #f30535

#f30535 Preview

Shades and Tints of #f30535

Tones of #f30535

Color Blindness Simulator