#ff5f5e Color Information
In a RGB color space, hex #ff5f5e is composed of 100% red, 37.3% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.7% magenta, 63.1% yellow and 0% black. It has a hue angle of 0.4 degrees, a saturation of 100% and a lightness of 68.4%. #ff5f5e color hex could be obtained by blending #ffbebc with #ff0000. Closest websafe color is: #ff6666.
-
- R 100
- G 37
- B 37
-
- C 0
- M 63
- Y 63
- K 0
● #ff5f5e color description : Light red.
#ff5f5e Color Conversion
The hexadecimal color #ff5f5e has RGB values of R:255, G:95, B:94 and CMYK values of C:0, M:0.63, Y:0.63, K:0. Its decimal value is 16736094.
| Hex triplet | ff5f5e | #ff5f5e |
|---|---|---|
| RGB Decimal | 255, 95, 94 | rgb(255,95,94) |
| RGB Percent | 100, 37.3, 36.9 | rgb(100%,37.3%,36.9%) |
| CMYK | 0, 63, 63, 0 | |
| HSL | 0.4°, 100, 68.4 | hsl(0.4,100%,68.4%) |
| HSV (or HSB) | 0.4°, 63.1, 100 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 61.876, 60.707, 33.478 |
|---|---|
| XYZ | 47.354, 30.258, 13.936 |
| xyY | 0.517, 0.331, 30.258 |
| CIE-LCH | 61.876, 69.326, 28.875 |
| CIE-LUV | 61.876, 121.446, 26.663 |
| Hunter-Lab | 55.007, 57.405, 23.484 |
| Binary | 11111111, 01011111, 01011110 |
Color Schemes with #ff5f5e
Alternatives to #ff5f5e
Below, you can see some colors close to #ff5f5e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5f5e Preview
This text has a font color of #ff5f5e.
<span style="color:#ff5f5e;">Text here</span>
This paragraph has a background color of #ff5f5e.
<p style="background-color:#ff5f5e;">Content here</p>
This element has a border color of #ff5f5e.
<div style="border:1px solid #ff5f5e;">Content here</div>
.text {color:#ff5f5e;}
.background {background-color:#ff5f5e;}
.border {border:1px solid #ff5f5e;}
Shades and Tints of #ff5f5e
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, #100000 is the darkest color, while #fffbfb is the lightest one.
-
#100000
#100000rgb(16,0,0) -
#230000
#230000rgb(35,0,0) -
#370000
#370000rgb(55,0,0) -
#4a0000
#4a0000rgb(74,0,0) -
#5e0100
#5e0100rgb(94,1,0) -
#720100
#720100rgb(114,1,0) -
#850100
#850100rgb(133,1,0) -
#990100
#990100rgb(153,1,0) -
#ac0100
#ac0100rgb(172,1,0) -
#c00100
#c00100rgb(192,1,0) -
#d40100
#d40100rgb(212,1,0) -
#e70100
#e70100rgb(231,1,0) -
#fb0200
#fb0200rgb(251,2,0)
-
#ff1110
#ff1110rgb(255,17,16) -
#ff2523
#ff2523rgb(255,37,35) -
#ff3837
#ff3837rgb(255,56,55) -
#ff4c4a
#ff4c4argb(255,76,74) -
#ff5f5e
#ff5f5ergb(255,95,94) -
#ff7272
#ff7272rgb(255,114,114) -
#ff8685
#ff8685rgb(255,134,133) -
#ff9999
#ff9999rgb(255,153,153) -
#ffadac
#ffadacrgb(255,173,172) -
#ffc0c0
#ffc0c0rgb(255,192,192) -
#ffd4d4
#ffd4d4rgb(255,212,212) -
#ffe7e7
#ffe7e7rgb(255,231,231) -
#fffbfb
#fffbfbrgb(255,251,251)
Tones of #ff5f5e
A tone is produced by adding gray to any pure hue. In this case, #b5a8a8 is the less saturated color, while #ff5f5e is the most saturated one.
-
#b5a8a8
#b5a8a8rgb(181,168,168) -
#bba2a2
#bba2a2rgb(187,162,162) -
#c19c9c
#c19c9crgb(193,156,156) -
#c79696
#c79696rgb(199,150,150) -
#cd9090
#cd9090rgb(205,144,144) -
#d48a89
#d48a89rgb(212,138,137) -
#da8483
#da8483rgb(218,132,131) -
#e07e7d
#e07e7drgb(224,126,125) -
#e67777
#e67777rgb(230,119,119) -
#ec7171
#ec7171rgb(236,113,113) -
#f36b6a
#f36b6argb(243,107,106) -
#f96564
#f96564rgb(249,101,100) -
#ff5f5e
#ff5f5ergb(255,95,94)
Color Blindness Simulator
Below, you can see how #ff5f5e 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.
