#ff2a26 hex color

In a RGB color space, hex #ff2a26 is composed of 100% red, 16.5% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.5% magenta, 85.1% yellow and 0% black. It has a hue angle of 1.1 degrees, a saturation of 100% and a lightness of 57.5%. #ff2a26 color hex could be obtained by blending #ff544c with #ff0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 100
- G 16
- B 15
RGB color chart
- C 0
- M 84
- Y 85
- K 0
CMYK color chart

● #ff2a26 color description : Vivid red.

The hexadecimal color #ff2a26 has RGB values of R:255, G:42, B:38 and CMYK values of C:0, M:0.84, Y:0.85, K:0. Its decimal value is 16722470.

Hex triplet	ff2a26	`#ff2a26`
RGB Decimal	255, 42, 38	`rgb(255,42,38)`
RGB Percent	100, 16.5, 14.9	`rgb(100%,16.5%,14.9%)`
CMYK	0, 84, 85, 0
HSL	1.1°, 100, 57.5	`hsl(1.1,100%,57.5%)`
HSV (or HSB)	1.1°, 85.1, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.135, 75.485, 55.878
XYZ	42.42, 23.061, 4.051
xyY	0.61, 0.332, 23.061
CIE-LCH	55.135, 93.917, 36.511
CIE-LUV	55.135, 161.871, 35.769
Hunter-Lab	48.022, 73.638, 28.614
Binary	11111111, 00101010, 00100110

#ff2a26
```
#ff2a26 rgb(255,42,38)
```
#26fbff
```
#26fbff rgb(38,251,255)
```

Complementary Color

#ff268f
```
#ff268f rgb(255,38,143)
```
#ff2a26
```
#ff2a26 rgb(255,42,38)
```
#ff9726
```
#ff9726 rgb(255,151,38)
```

Analogous Color

#268fff
```
#268fff rgb(38,143,255)
```
#ff2a26
```
#ff2a26 rgb(255,42,38)
```
#26ff97
```
#26ff97 rgb(38,255,151)
```

Split Complementary Color

#2a26ff
```
#2a26ff rgb(42,38,255)
```
#ff2a26
```
#ff2a26 rgb(255,42,38)
```
#26ff2a
```
#26ff2a rgb(38,255,42)
```

Triadic Color

#ff26fb
```
#ff26fb rgb(255,38,251)
```
#ff2a26
```
#ff2a26 rgb(255,42,38)
```
#26ff2a
```
#26ff2a rgb(38,255,42)
```
#26fbff
```
#26fbff rgb(38,251,255)
```

Tetradic Color

#d90400
```
#d90400 rgb(217,4,0)
```
#f20400
```
#f20400 rgb(242,4,0)
```
#ff110d
```
#ff110d rgb(255,17,13)
```
#ff2a26
```
#ff2a26 rgb(255,42,38)
```
#ff4340
```
#ff4340 rgb(255,67,64)
```
#ff5c59
```
#ff5c59 rgb(255,92,89)
```
#ff7573
```
#ff7573 rgb(255,117,115)
```

Monochromatic Color

Below, you can see some colors close to #ff2a26. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ff2658
```
#ff2658 rgb(255,38,88)
```
#ff2646
```
#ff2646 rgb(255,38,70)
```
#ff2634
```
#ff2634 rgb(255,38,52)
```
#ff2a26
```
#ff2a26 rgb(255,42,38)
```
#ff3c26
```
#ff3c26 rgb(255,60,38)
```
#ff4e26
```
#ff4e26 rgb(255,78,38)
```
#ff6026
```
#ff6026 rgb(255,96,38)
```

Similar Colors

Text with hexadecimal color #ff2a26

This text has a font color of #ff2a26.

<span style="color:#ff2a26;">Text here</span>

#ff2a26 background color

This paragraph has a background color of #ff2a26.

<p style="background-color:#ff2a26;">Content here</p>

#ff2a26 border color

This element has a border color of #ff2a26.

<div style="border:1px solid #ff2a26;">Content here</div>

CSS codes

.text {color:#ff2a26;}

.background {background-color:#ff2a26;}

.border {border:1px solid #ff2a26;}

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, #120000 is the darkest color, while #fffefe is the lightest one.

#120000
```
#120000 rgb(18,0,0)
```
#260100
```
#260100 rgb(38,1,0)
```
#3a0100
```
#3a0100 rgb(58,1,0)
```
#4d0100
```
#4d0100 rgb(77,1,0)
```
#610200
```
#610200 rgb(97,2,0)
```
#740200
```
#740200 rgb(116,2,0)
```
#880300
```
#880300 rgb(136,3,0)
```
#9c0300
```
#9c0300 rgb(156,3,0)
```
#af0300
```
#af0300 rgb(175,3,0)
```
#c30400
```
#c30400 rgb(195,4,0)
```
#d70400
```
#d70400 rgb(215,4,0)
```
#ea0400
```
#ea0400 rgb(234,4,0)
```
#fe0500
```
#fe0500 rgb(254,5,0)
```

Shade Color Variation

#ff1712
```
#ff1712 rgb(255,23,18)
```
#ff2a26
```
#ff2a26 rgb(255,42,38)
```
#ff3d3a
```
#ff3d3a rgb(255,61,58)
```
#ff514d
```
#ff514d rgb(255,81,77)
```
#ff6461
```
#ff6461 rgb(255,100,97)
```
#ff7774
```
#ff7774 rgb(255,119,116)
```
#ff8a88
```
#ff8a88 rgb(255,138,136)
```
#ff9e9c
```
#ff9e9c rgb(255,158,156)
```
#ffb1af
```
#ffb1af rgb(255,177,175)
```
#ffc4c3
```
#ffc4c3 rgb(255,196,195)
```
#ffd7d7
```
#ffd7d7 rgb(255,215,215)
```
#ffebea
```
#ffebea rgb(255,235,234)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b8a8a is the less saturated color, while #ff2a26 is the most saturated one.

#9b8a8a
```
#9b8a8a rgb(155,138,138)
```
#a38282
```
#a38282 rgb(163,130,130)
```
#ac7a79
```
#ac7a79 rgb(172,122,121)
```
#b47271
```
#b47271 rgb(180,114,113)
```
#bc6a69
```
#bc6a69 rgb(188,106,105)
```
#c56260
```
#c56260 rgb(197,98,96)
```
#cd5a58
```
#cd5a58 rgb(205,90,88)
```
#d55250
```
#d55250 rgb(213,82,80)
```
#de4a47
```
#de4a47 rgb(222,74,71)
```
#e6423f
```
#e6423f rgb(230,66,63)
```
#ee3a37
```
#ee3a37 rgb(238,58,55)
```
#f7322e
```
#f7322e rgb(247,50,46)
```
#ff2a26
```
#ff2a26 rgb(255,42,38)
```

Tone Color Variation

Below, you can see how #ff2a26 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.

Monochromacy

#696969 Achromatopsia 0.005% of the population
#875c5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#988a44 Protanopia 1% of men
#ad8314 Deuteranopia 1% of men
#ff3433 Tritanopia 0.001% of the population

Trichromacy

#bd6739 Protanomaly 1% of men, 0.01% of women
#ca631a Deuteranomaly 6% of men, 0.4% of women
#ff302e Tritanomaly 0.01% of the population

#ff2a26 hex color

#ff2a26 Color Information

#ff2a26 Color Conversion

Color Schemes with #ff2a26

Alternatives to #ff2a26

#ff2a26 Preview

Shades and Tints of #ff2a26

Tones of #ff2a26

Color Blindness Simulator