#f14553 Color Information
In a RGB color space, hex #f14553 is composed of 94.5% red, 27.1% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.4% magenta, 65.6% yellow and 5.5% black. It has a hue angle of 355.1 degrees, a saturation of 86% and a lightness of 60.8%. #f14553 color hex could be obtained by blending #ff8aa6 with #e30000. Closest websafe color is: #ff3366.
-
- R 95
- G 27
- B 33
-
- C 0
- M 71
- Y 66
- K 5
● #f14553 color description : Bright red.
#f14553 Color Conversion
The hexadecimal color #f14553 has RGB values of R:241, G:69, B:83 and CMYK values of C:0, M:0.71, Y:0.66, K:0.05. Its decimal value is 15811923.
| Hex triplet | f14553 | #f14553 |
|---|---|---|
| RGB Decimal | 241, 69, 83 | rgb(241,69,83) |
| RGB Percent | 94.5, 27.1, 32.5 | rgb(94.5%,27.1%,32.5%) |
| CMYK | 0, 71, 66, 5 | |
| HSL | 355.1°, 86, 60.8 | hsl(355.1,86%,60.8%) |
| HSV (or HSB) | 355.1°, 71.4, 94.5 | |
| Web Safe | ff3366 | #ff3366 |
| CIE-LAB | 55.671, 65.664, 31.475 |
|---|---|
| XYZ | 39.967, 23.586, 10.631 |
| xyY | 0.539, 0.318, 23.586 |
| CIE-LCH | 55.671, 72.818, 25.61 |
| CIE-LUV | 55.671, 128.636, 21.979 |
| Hunter-Lab | 48.566, 61.906, 21.017 |
| Binary | 11110001, 01000101, 01010011 |
Color Schemes with #f14553
Alternatives to #f14553
Below, you can see some colors close to #f14553. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f14553 Preview
This text has a font color of #f14553.
<span style="color:#f14553;">Text here</span>
This paragraph has a background color of #f14553.
<p style="background-color:#f14553;">Content here</p>
This element has a border color of #f14553.
<div style="border:1px solid #f14553;">Content here</div>
.text {color:#f14553;}
.background {background-color:#f14553;}
.border {border:1px solid #f14553;}
Shades and Tints of #f14553
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, #0f0102 is the darkest color, while #fffbfc is the lightest one.
-
#0f0102
#0f0102rgb(15,1,2) -
#210205
#210205rgb(33,2,5) -
#330408
#330408rgb(51,4,8) -
#45050a
#45050argb(69,5,10) -
#58070d
#58070drgb(88,7,13) -
#6a0810
#6a0810rgb(106,8,16) -
#7c0913
#7c0913rgb(124,9,19) -
#8e0b15
#8e0b15rgb(142,11,21) -
#a10c18
#a10c18rgb(161,12,24) -
#b30d1b
#b30d1brgb(179,13,27) -
#c50f1e
#c50f1ergb(197,15,30) -
#d71020
#d71020rgb(215,16,32) -
#ea1223
#ea1223rgb(234,18,35)
-
#ee2131
#ee2131rgb(238,33,49) -
#f03342
#f03342rgb(240,51,66) -
#f14553
#f14553rgb(241,69,83) -
#f25764
#f25764rgb(242,87,100) -
#f46975
#f46975rgb(244,105,117) -
#f57c86
#f57c86rgb(245,124,134) -
#f68e96
#f68e96rgb(246,142,150) -
#f8a0a7
#f8a0a7rgb(248,160,167) -
#f9b2b8
#f9b2b8rgb(249,178,184) -
#fbc5c9
#fbc5c9rgb(251,197,201) -
#fcd7da
#fcd7dargb(252,215,218) -
#fde9eb
#fde9ebrgb(253,233,235) -
#fffbfc
#fffbfcrgb(255,251,252)
Tones of #f14553
A tone is produced by adding gray to any pure hue. In this case, #9c9a9a is the less saturated color, while #f93d4d is the most saturated one.
-
#9c9a9a
#9c9a9argb(156,154,154) -
#a49293
#a49293rgb(164,146,147) -
#ac8a8d
#ac8a8drgb(172,138,141) -
#b38387
#b38387rgb(179,131,135) -
#bb7b80
#bb7b80rgb(187,123,128) -
#c3737a
#c3737argb(195,115,122) -
#cb6b73
#cb6b73rgb(203,107,115) -
#d2646d
#d2646drgb(210,100,109) -
#da5c66
#da5c66rgb(218,92,102) -
#e25460
#e25460rgb(226,84,96) -
#e94d59
#e94d59rgb(233,77,89) -
#f14553
#f14553rgb(241,69,83) -
#f93d4d
#f93d4drgb(249,61,77)
Color Blindness Simulator
Below, you can see how #f14553 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.
