#ff2b2e Color Information
In a RGB color space, hex #ff2b2e is composed of 100% red, 16.9% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.1% magenta, 82% yellow and 0% black. It has a hue angle of 359.2 degrees, a saturation of 100% and a lightness of 58.4%. #ff2b2e color hex could be obtained by blending #ff565c with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 17
- B 18
-
- C 0
- M 83
- Y 82
- K 0
● #ff2b2e color description : Vivid red.
#ff2b2e Color Conversion
The hexadecimal color #ff2b2e has RGB values of R:255, G:43, B:46 and CMYK values of C:0, M:0.83, Y:0.82, K:0. Its decimal value is 16722734.
| Hex triplet | ff2b2e | #ff2b2e |
|---|---|---|
| RGB Decimal | 255, 43, 46 | rgb(255,43,46) |
| RGB Percent | 100, 16.9, 18 | rgb(100%,16.9%,18%) |
| CMYK | 0, 83, 82, 0 | |
| HSL | 359.2°, 100, 58.4 | hsl(359.2,100%,58.4%) |
| HSV (or HSB) | 359.2°, 83.1, 100 | |
| Web Safe | ff3333 | #ff3333 |
| CIE-LAB | 55.268, 75.451, 52.136 |
|---|---|
| XYZ | 42.599, 23.19, 4.818 |
| xyY | 0.603, 0.328, 23.19 |
| CIE-LCH | 55.268, 91.712, 34.644 |
| CIE-LUV | 55.268, 160.213, 33.856 |
| Hunter-Lab | 48.156, 73.627, 27.778 |
| Binary | 11111111, 00101011, 00101110 |
Color Schemes with #ff2b2e
Alternatives to #ff2b2e
Below, you can see some colors close to #ff2b2e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff2b2e Preview
This text has a font color of #ff2b2e.
<span style="color:#ff2b2e;">Text here</span>
This paragraph has a background color of #ff2b2e.
<p style="background-color:#ff2b2e;">Content here</p>
This element has a border color of #ff2b2e.
<div style="border:1px solid #ff2b2e;">Content here</div>
.text {color:#ff2b2e;}
.background {background-color:#ff2b2e;}
.border {border:1px solid #ff2b2e;}
Shades and Tints of #ff2b2e
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, #040000 is the darkest color, while #ffefef is the lightest one.
-
#040000
#040000rgb(4,0,0) -
#170000
#170000rgb(23,0,0) -
#2b0001
#2b0001rgb(43,0,1) -
#3f0001
#3f0001rgb(63,0,1) -
#520001
#520001rgb(82,0,1) -
#660001
#660001rgb(102,0,1) -
#790002
#790002rgb(121,0,2) -
#8d0002
#8d0002rgb(141,0,2) -
#a10002
#a10002rgb(161,0,2) -
#b40003
#b40003rgb(180,0,3) -
#c80003
#c80003rgb(200,0,3) -
#dc0003
#dc0003rgb(220,0,3) -
#ef0003
#ef0003rgb(239,0,3)
-
#ff0407
#ff0407rgb(255,4,7) -
#ff171b
#ff171brgb(255,23,27) -
#ff2b2e
#ff2b2ergb(255,43,46) -
#ff3f41
#ff3f41rgb(255,63,65) -
#ff5255
#ff5255rgb(255,82,85) -
#ff6668
#ff6668rgb(255,102,104) -
#ff797b
#ff797brgb(255,121,123) -
#ff8d8f
#ff8d8frgb(255,141,143) -
#ffa1a2
#ffa1a2rgb(255,161,162) -
#ffb4b5
#ffb4b5rgb(255,180,181) -
#ffc8c9
#ffc8c9rgb(255,200,201) -
#ffdcdc
#ffdcdcrgb(255,220,220) -
#ffefef
#ffefefrgb(255,239,239)
Tones of #ff2b2e
A tone is produced by adding gray to any pure hue. In this case, #9d8d8d is the less saturated color, while #ff2b2e is the most saturated one.
-
#9d8d8d
#9d8d8drgb(157,141,141) -
#a58585
#a58585rgb(165,133,133) -
#ad7d7d
#ad7d7drgb(173,125,125) -
#b67475
#b67475rgb(182,116,117) -
#be6c6d
#be6c6drgb(190,108,109) -
#c66465
#c66465rgb(198,100,101) -
#ce5c5e
#ce5c5ergb(206,92,94) -
#d65456
#d65456rgb(214,84,86) -
#de4c4e
#de4c4ergb(222,76,78) -
#e74346
#e74346rgb(231,67,70) -
#ef3b3e
#ef3b3ergb(239,59,62) -
#f73336
#f73336rgb(247,51,54) -
#ff2b2e
#ff2b2ergb(255,43,46)
Color Blindness Simulator
Below, you can see how #ff2b2e 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.
