#f3414c hex color

In a RGB color space, hex #f3414c is composed of 95.3% red, 25.5% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.3% magenta, 68.7% yellow and 4.7% black. It has a hue angle of 356.3 degrees, a saturation of 88.1% and a lightness of 60.4%. #f3414c color hex could be obtained by blending #ff8298 with #e70000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 95
- G 25
- B 30
RGB color chart
- C 0
- M 73
- Y 69
- K 5
CMYK color chart

● #f3414c color description : Bright red.

The hexadecimal color #f3414c has RGB values of R:243, G:65, B:76 and CMYK values of C:0, M:0.73, Y:0.69, K:0.05. Its decimal value is 15941964.

Hex triplet	f3414c	`#f3414c`
RGB Decimal	243, 65, 76	`rgb(243,65,76)`
RGB Percent	95.3, 25.5, 29.8	`rgb(95.3%,25.5%,29.8%)`
CMYK	0, 73, 69, 5
HSL	356.3°, 88.1, 60.4	`hsl(356.3,88.1%,60.4%)`
HSV (or HSB)	356.3°, 73.3, 95.3
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.443, 67.245, 35.315
XYZ	40.159, 23.362, 9.232
xyY	0.552, 0.321, 23.362
CIE-LCH	55.443, 75.954, 27.707
CIE-LUV	55.443, 134.203, 24.744
Hunter-Lab	48.334, 63.724, 22.509
Binary	11110011, 01000001, 01001100

#f3414c
```
#f3414c rgb(243,65,76)
```
#41f3e8
```
#41f3e8 rgb(65,243,232)
```

Complementary Color

#f341a5
```
#f341a5 rgb(243,65,165)
```
#f3414c
```
#f3414c rgb(243,65,76)
```
#f38f41
```
#f38f41 rgb(243,143,65)
```

Analogous Color

#41a5f3
```
#41a5f3 rgb(65,165,243)
```
#f3414c
```
#f3414c rgb(243,65,76)
```
#41f38f
```
#41f38f rgb(65,243,143)
```

Split Complementary Color

#414cf3
```
#414cf3 rgb(65,76,243)
```
#f3414c
```
#f3414c rgb(243,65,76)
```
#4cf341
```
#4cf341 rgb(76,243,65)
```

Triadic Color

#e841f3
```
#e841f3 rgb(232,65,243)
```
#f3414c
```
#f3414c rgb(243,65,76)
```
#4cf341
```
#4cf341 rgb(76,243,65)
```
#41f3e8
```
#41f3e8 rgb(65,243,232)
```

Tetradic Color

#da0e1a
```
#da0e1a rgb(218,14,26)
```
#f0111f
```
#f0111f rgb(240,17,31)
```
#f12935
```
#f12935 rgb(241,41,53)
```
#f3414c
```
#f3414c rgb(243,65,76)
```
#f55963
```
#f55963 rgb(245,89,99)
```
#f67179
```
#f67179 rgb(246,113,121)
```
#f88990
```
#f88990 rgb(248,137,144)
```

Monochromatic Color

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

#f34179
```
#f34179 rgb(243,65,121)
```
#f3416a
```
#f3416a rgb(243,65,106)
```
#f3415b
```
#f3415b rgb(243,65,91)
```
#f3414c
```
#f3414c rgb(243,65,76)
```
#f34541
```
#f34541 rgb(243,69,65)
```
#f35441
```
#f35441 rgb(243,84,65)
```
#f36241
```
#f36241 rgb(243,98,65)
```

Similar Colors

Text with hexadecimal color #f3414c

This text has a font color of #f3414c.

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

#f3414c background color

This paragraph has a background color of #f3414c.

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

#f3414c border color

This element has a border color of #f3414c.

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

CSS codes

.text {color:#f3414c;}

.background {background-color:#f3414c;}

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

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

#0d0102
```
#0d0102 rgb(13,1,2)
```
#1f0204
```
#1f0204 rgb(31,2,4)
```
#320306
```
#320306 rgb(50,3,6)
```
#440408
```
#440408 rgb(68,4,8)
```
#57050b
```
#57050b rgb(87,5,11)
```
#69070d
```
#69070d rgb(105,7,13)
```
#7c080f
```
#7c080f rgb(124,8,15)
```
#8e0911
```
#8e0911 rgb(142,9,17)
```
#a10a13
```
#a10a13 rgb(161,10,19)
```
#b30b16
```
#b30b16 rgb(179,11,22)
```
#c50c18
```
#c50c18 rgb(197,12,24)
```
#d80e1a
```
#d80e1a rgb(216,14,26)
```
#ea0f1c
```
#ea0f1c rgb(234,15,28)
```

Shade Color Variation

#f11c29
```
#f11c29 rgb(241,28,41)
```
#f22f3b
```
#f22f3b rgb(242,47,59)
```
#f3414c
```
#f3414c rgb(243,65,76)
```
#f4535d
```
#f4535d rgb(244,83,93)
```
#f5666f
```
#f5666f rgb(245,102,111)
```
#f67880
```
#f67880 rgb(246,120,128)
```
#f88b92
```
#f88b92 rgb(248,139,146)
```
#f99da3
```
#f99da3 rgb(249,157,163)
```
#fab0b4
```
#fab0b4 rgb(250,176,180)
```
#fbc2c6
```
#fbc2c6 rgb(251,194,198)
```
#fcd5d7
```
#fcd5d7 rgb(252,213,215)
```
#fde7e8
```
#fde7e8 rgb(253,231,232)
```
#fffafa
```
#fffafa rgb(255,250,250)
```

Tint Color Variation

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

#9e9697
```
#9e9697 rgb(158,150,151)
```
#a58f90
```
#a58f90 rgb(165,143,144)
```
#ad8789
```
#ad8789 rgb(173,135,137)
```
#b57f82
```
#b57f82 rgb(181,127,130)
```
#bd777c
```
#bd777c rgb(189,119,124)
```
#c47075
```
#c47075 rgb(196,112,117)
```
#cc686e
```
#cc686e rgb(204,104,110)
```
#d46067
```
#d46067 rgb(212,96,103)
```
#dc5860
```
#dc5860 rgb(220,88,96)
```
#e3515a
```
#e3515a rgb(227,81,90)
```
#eb4953
```
#eb4953 rgb(235,73,83)
```
#f3414c
```
#f3414c rgb(243,65,76)
```
#fb3945
```
#fb3945 rgb(251,57,69)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#906c6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#948a6b Protanopia 1% of men
#a98449 Deuteranopia 1% of men
#f34b4f Tritanopia 0.001% of the population

Trichromacy

#b6705f Protanomaly 1% of men, 0.01% of women
#c46c4a Deuteranomaly 6% of men, 0.4% of women
#f3474d Tritanomaly 0.01% of the population

#f3414c hex color

#f3414c Color Information

#f3414c Color Conversion

Color Schemes with #f3414c

Alternatives to #f3414c

#f3414c Preview

Shades and Tints of #f3414c

Tones of #f3414c

Color Blindness Simulator