#f14454 Color Information
In a RGB color space, hex #f14454 is composed of 94.5% red, 26.7% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.8% magenta, 65.1% yellow and 5.5% black. It has a hue angle of 354.5 degrees, a saturation of 86.1% and a lightness of 60.6%. #f14454 color hex could be obtained by blending #ff88a8 with #e30000. Closest websafe color is: #ff3366.
-
- R 95
- G 27
- B 33
-
- C 0
- M 72
- Y 65
- K 5
● #f14454 color description : Bright red.
#f14454 Color Conversion
The hexadecimal color #f14454 has RGB values of R:241, G:68, B:84 and CMYK values of C:0, M:0.72, Y:0.65, K:0.05. Its decimal value is 15811668.
| Hex triplet | f14454 | #f14454 |
|---|---|---|
| RGB Decimal | 241, 68, 84 | rgb(241,68,84) |
| RGB Percent | 94.5, 26.7, 32.9 | rgb(94.5%,26.7%,32.9%) |
| CMYK | 0, 72, 65, 5 | |
| HSL | 354.5°, 86.1, 60.6 | hsl(354.5,86.1%,60.6%) |
| HSV (or HSB) | 354.5°, 71.8, 94.5 | |
| Web Safe | ff3366 | #ff3366 |
| CIE-LAB | 55.563, 66.06, 30.759 |
|---|---|
| XYZ | 39.945, 23.48, 10.816 |
| xyY | 0.538, 0.316, 23.48 |
| CIE-LCH | 55.563, 72.87, 24.968 |
| CIE-LUV | 55.563, 128.916, 21.21 |
| Hunter-Lab | 48.456, 62.349, 20.685 |
| Binary | 11110001, 01000100, 01010100 |
Color Schemes with #f14454
Alternatives to #f14454
Below, you can see some colors close to #f14454. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f14454 Preview
This text has a font color of #f14454.
<span style="color:#f14454;">Text here</span>
This paragraph has a background color of #f14454.
<p style="background-color:#f14454;">Content here</p>
This element has a border color of #f14454.
<div style="border:1px solid #f14454;">Content here</div>
.text {color:#f14454;}
.background {background-color:#f14454;}
.border {border:1px solid #f14454;}
Shades and Tints of #f14454
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, #0e0102 is the darkest color, while #fffafb is the lightest one.
-
#0e0102
#0e0102rgb(14,1,2) -
#200205
#200205rgb(32,2,5) -
#320408
#320408rgb(50,4,8) -
#44050b
#44050brgb(68,5,11) -
#57060e
#57060ergb(87,6,14) -
#690811
#690811rgb(105,8,17) -
#7b0914
#7b0914rgb(123,9,20) -
#8d0b17
#8d0b17rgb(141,11,23) -
#a00c1a
#a00c1argb(160,12,26) -
#b20d1d
#b20d1drgb(178,13,29) -
#c40f1f
#c40f1frgb(196,15,31) -
#d61022
#d61022rgb(214,16,34) -
#e91125
#e91125rgb(233,17,37)
-
#ee2033
#ee2033rgb(238,32,51) -
#f03243
#f03243rgb(240,50,67) -
#f14454
#f14454rgb(241,68,84) -
#f25665
#f25665rgb(242,86,101) -
#f46875
#f46875rgb(244,104,117) -
#f57b86
#f57b86rgb(245,123,134) -
#f68d97
#f68d97rgb(246,141,151) -
#f89fa7
#f89fa7rgb(248,159,167) -
#f9b1b8
#f9b1b8rgb(249,177,184) -
#fbc4c9
#fbc4c9rgb(251,196,201) -
#fcd6da
#fcd6dargb(252,214,218) -
#fde8ea
#fde8eargb(253,232,234) -
#fffafb
#fffafbrgb(255,250,251)
Tones of #f14454
A tone is produced by adding gray to any pure hue. In this case, #9c9999 is the less saturated color, while #f93c4e is the most saturated one.
-
#9c9999
#9c9999rgb(156,153,153) -
#a49193
#a49193rgb(164,145,147) -
#ab8a8d
#ab8a8drgb(171,138,141) -
#b38286
#b38286rgb(179,130,134) -
#bb7a80
#bb7a80rgb(187,122,128) -
#c3727a
#c3727argb(195,114,122) -
#ca6b74
#ca6b74rgb(202,107,116) -
#d2636d
#d2636drgb(210,99,109) -
#da5b67
#da5b67rgb(218,91,103) -
#e25361
#e25361rgb(226,83,97) -
#e94c5a
#e94c5argb(233,76,90) -
#f14454
#f14454rgb(241,68,84) -
#f93c4e
#f93c4ergb(249,60,78)
Color Blindness Simulator
Below, you can see how #f14454 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.
