#f14554 Color Information
In a RGB color space, hex #f14554 is composed of 94.5% red, 27.1% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.4% magenta, 65.1% yellow and 5.5% black. It has a hue angle of 354.8 degrees, a saturation of 86% and a lightness of 60.8%. #f14554 color hex could be obtained by blending #ff8aa8 with #e30000. Closest websafe color is: #ff3366.
-
- R 95
- G 27
- B 33
-
- C 0
- M 71
- Y 65
- K 5
● #f14554 color description : Bright red.
#f14554 Color Conversion
The hexadecimal color #f14554 has RGB values of R:241, G:69, B:84 and CMYK values of C:0, M:0.71, Y:0.65, K:0.05. Its decimal value is 15811924.
| Hex triplet | f14554 | #f14554 |
|---|---|---|
| RGB Decimal | 241, 69, 84 | rgb(241,69,84) |
| RGB Percent | 94.5, 27.1, 32.9 | rgb(94.5%,27.1%,32.9%) |
| CMYK | 0, 71, 65, 5 | |
| HSL | 354.8°, 86, 60.8 | hsl(354.8,86%,60.8%) |
| HSV (or HSB) | 354.8°, 71.4, 94.5 | |
| Web Safe | ff3366 | #ff3366 |
| CIE-LAB | 55.687, 65.717, 30.915 |
|---|---|
| XYZ | 40.006, 23.602, 10.836 |
| xyY | 0.537, 0.317, 23.602 |
| CIE-LCH | 55.687, 72.626, 25.193 |
| CIE-LUV | 55.687, 128.371, 21.472 |
| Hunter-Lab | 48.582, 61.972, 20.782 |
| Binary | 11110001, 01000101, 01010100 |
Color Schemes with #f14554
Alternatives to #f14554
Below, you can see some colors close to #f14554. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f14554 Preview
This text has a font color of #f14554.
<span style="color:#f14554;">Text here</span>
This paragraph has a background color of #f14554.
<p style="background-color:#f14554;">Content here</p>
This element has a border color of #f14554.
<div style="border:1px solid #f14554;">Content here</div>
.text {color:#f14554;}
.background {background-color:#f14554;}
.border {border:1px solid #f14554;}
Shades and Tints of #f14554
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) -
#45050b
#45050brgb(69,5,11) -
#58070e
#58070ergb(88,7,14) -
#6a0811
#6a0811rgb(106,8,17) -
#7c0913
#7c0913rgb(124,9,19) -
#8e0b16
#8e0b16rgb(142,11,22) -
#a10c19
#a10c19rgb(161,12,25) -
#b30d1c
#b30d1crgb(179,13,28) -
#c50f1f
#c50f1frgb(197,15,31) -
#d71022
#d71022rgb(215,16,34) -
#ea1224
#ea1224rgb(234,18,36)
-
#ee2132
#ee2132rgb(238,33,50) -
#f03343
#f03343rgb(240,51,67) -
#f14554
#f14554rgb(241,69,84) -
#f25765
#f25765rgb(242,87,101) -
#f46976
#f46976rgb(244,105,118) -
#f57c86
#f57c86rgb(245,124,134) -
#f68e97
#f68e97rgb(246,142,151) -
#f8a0a8
#f8a0a8rgb(248,160,168) -
#f9b2b9
#f9b2b9rgb(249,178,185) -
#fbc5c9
#fbc5c9rgb(251,197,201) -
#fcd7da
#fcd7dargb(252,215,218) -
#fde9eb
#fde9ebrgb(253,233,235) -
#fffbfc
#fffbfcrgb(255,251,252)
Tones of #f14554
A tone is produced by adding gray to any pure hue. In this case, #9c9a9a is the less saturated color, while #f93d4e is the most saturated one.
-
#9c9a9a
#9c9a9argb(156,154,154) -
#a49294
#a49294rgb(164,146,148) -
#ac8a8d
#ac8a8drgb(172,138,141) -
#b38387
#b38387rgb(179,131,135) -
#bb7b80
#bb7b80rgb(187,123,128) -
#c3737a
#c3737argb(195,115,122) -
#cb6b74
#cb6b74rgb(203,107,116) -
#d2646d
#d2646drgb(210,100,109) -
#da5c67
#da5c67rgb(218,92,103) -
#e25461
#e25461rgb(226,84,97) -
#e94d5a
#e94d5argb(233,77,90) -
#f14554
#f14554rgb(241,69,84) -
#f93d4e
#f93d4ergb(249,61,78)
Color Blindness Simulator
Below, you can see how #f14554 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.
