#f14348 hex color

In a RGB color space, hex #f14348 is composed of 94.5% red, 26.3% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.2% magenta, 70.1% yellow and 5.5% black. It has a hue angle of 358.3 degrees, a saturation of 86.1% and a lightness of 60.4%. #f14348 color hex could be obtained by blending #ff8690 with #e30000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 95
- G 26
- B 28
RGB color chart
- C 0
- M 72
- Y 70
- K 5
CMYK color chart

● #f14348 color description : Bright red.

The hexadecimal color #f14348 has RGB values of R:241, G:67, B:72 and CMYK values of C:0, M:0.72, Y:0.7, K:0.05. Its decimal value is 15811400.

Hex triplet	f14348	`#f14348`
RGB Decimal	241, 67, 72	`rgb(241,67,72)`
RGB Percent	94.5, 26.3, 28.2	`rgb(94.5%,26.3%,28.2%)`
CMYK	0, 72, 70, 5
HSL	358.3°, 86.1, 60.4	`hsl(358.3,86.1%,60.4%)`
HSV (or HSB)	358.3°, 72.2, 94.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.265, 65.806, 37.297
XYZ	39.454, 23.188, 8.529
xyY	0.554, 0.326, 23.188
CIE-LCH	55.265, 75.641, 29.544
CIE-LUV	55.265, 132.495, 26.683
Hunter-Lab	48.153, 61.984, 23.206
Binary	11110001, 01000011, 01001000

#f14348
```
#f14348 rgb(241,67,72)
```
#43f1ec
```
#43f1ec rgb(67,241,236)
```

Complementary Color

#f1439f
```
#f1439f rgb(241,67,159)
```
#f14348
```
#f14348 rgb(241,67,72)
```
#f19543
```
#f19543 rgb(241,149,67)
```

Analogous Color

#439ff1
```
#439ff1 rgb(67,159,241)
```
#f14348
```
#f14348 rgb(241,67,72)
```
#43f195
```
#43f195 rgb(67,241,149)
```

Split Complementary Color

#4348f1
```
#4348f1 rgb(67,72,241)
```
#f14348
```
#f14348 rgb(241,67,72)
```
#48f143
```
#48f143 rgb(72,241,67)
```

Triadic Color

#ec43f1
```
#ec43f1 rgb(236,67,241)
```
#f14348
```
#f14348 rgb(241,67,72)
```
#48f143
```
#48f143 rgb(72,241,67)
```
#43f1ec
```
#43f1ec rgb(67,241,236)
```

Tetradic Color

#d71016
```
#d71016 rgb(215,16,22)
```
#ed141a
```
#ed141a rgb(237,20,26)
```
#ef2b31
```
#ef2b31 rgb(239,43,49)
```
#f14348
```
#f14348 rgb(241,67,72)
```
#f35b5f
```
#f35b5f rgb(243,91,95)
```
#f57276
```
#f57276 rgb(245,114,118)
```
#f68a8d
```
#f68a8d rgb(246,138,141)
```

Monochromatic Color

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

#f14374
```
#f14374 rgb(241,67,116)
```
#f14365
```
#f14365 rgb(241,67,101)
```
#f14356
```
#f14356 rgb(241,67,86)
```
#f14348
```
#f14348 rgb(241,67,72)
```
#f14d43
```
#f14d43 rgb(241,77,67)
```
#f15b43
```
#f15b43 rgb(241,91,67)
```
#f16a43
```
#f16a43 rgb(241,106,67)
```

Similar Colors

Text with hexadecimal color #f14348

This text has a font color of #f14348.

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

#f14348 background color

This paragraph has a background color of #f14348.

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

#f14348 border color

This element has a border color of #f14348.

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

CSS codes

.text {color:#f14348;}

.background {background-color:#f14348;}

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

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

#0d0101
```
#0d0101 rgb(13,1,1)
```
#1f0203
```
#1f0203 rgb(31,2,3)
```
#310405
```
#310405 rgb(49,4,5)
```
#440507
```
#440507 rgb(68,5,7)
```
#560609
```
#560609 rgb(86,6,9)
```
#68080b
```
#68080b rgb(104,8,11)
```
#7a090c
```
#7a090c rgb(122,9,12)
```
#8d0a0e
```
#8d0a0e rgb(141,10,14)
```
#9f0c10
```
#9f0c10 rgb(159,12,16)
```
#b10d12
```
#b10d12 rgb(177,13,18)
```
#c30f14
```
#c30f14 rgb(195,15,20)
```
#d61016
```
#d61016 rgb(214,16,22)
```
#e81117
```
#e81117 rgb(232,17,23)
```

Shade Color Variation

#ee1e24
```
#ee1e24 rgb(238,30,36)
```
#f03136
```
#f03136 rgb(240,49,54)
```
#f14348
```
#f14348 rgb(241,67,72)
```
#f2555a
```
#f2555a rgb(242,85,90)
```
#f4686c
```
#f4686c rgb(244,104,108)
```
#f57a7d
```
#f57a7d rgb(245,122,125)
```
#f68c8f
```
#f68c8f rgb(246,140,143)
```
#f89ea1
```
#f89ea1 rgb(248,158,161)
```
#f9b1b3
```
#f9b1b3 rgb(249,177,179)
```
#fbc3c4
```
#fbc3c4 rgb(251,195,196)
```
#fcd5d6
```
#fcd5d6 rgb(252,213,214)
```
#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, #9c9899 is the less saturated color, while #f93b41 is the most saturated one.

#9c9899
```
#9c9899 rgb(156,152,153)
```
#a39191
```
#a39191 rgb(163,145,145)
```
#ab898a
```
#ab898a rgb(171,137,138)
```
#b38183
```
#b38183 rgb(179,129,131)
```
#bb797b
```
#bb797b rgb(187,121,123)
```
#c27274
```
#c27274 rgb(194,114,116)
```
#ca6a6d
```
#ca6a6d rgb(202,106,109)
```
#d26265
```
#d26265 rgb(210,98,101)
```
#da5a5e
```
#da5a5e rgb(218,90,94)
```
#e15357
```
#e15357 rgb(225,83,87)
```
#e94b4f
```
#e94b4f rgb(233,75,79)
```
#f14348
```
#f14348 rgb(241,67,72)
```
#f93b41
```
#f93b41 rgb(249,59,65)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#906d6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#948a65 Protanopia 1% of men
#a98445 Deuteranopia 1% of men
#f14d50 Tritanopia 0.001% of the population

Trichromacy

#b6705b Protanomaly 1% of men, 0.01% of women
#c36c46 Deuteranomaly 6% of men, 0.4% of women
#f1494d Tritanomaly 0.01% of the population

#f14348 hex color

#f14348 Color Information

#f14348 Color Conversion

Color Schemes with #f14348

Alternatives to #f14348

#f14348 Preview

Shades and Tints of #f14348

Tones of #f14348

Color Blindness Simulator