#ff2a00 hex color

In a RGB color space, hex #ff2a00 is composed of 100% red, 16.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.5% magenta, 100% yellow and 0% black. It has a hue angle of 9.9 degrees, a saturation of 100% and a lightness of 50%. #ff2a00 color hex could be obtained by blending #ff5400 with #ff0000. Closest websafe color is: #ff3300.

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

● #ff2a00 color description : Pure (or mostly pure) red.

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

Hex triplet	ff2a00	`#ff2a00`
RGB Decimal	255, 42, 0	`rgb(255,42,0)`
RGB Percent	100, 16.5, 0	`rgb(100%,16.5%,0%)`
CMYK	0, 84, 100, 0
HSL	9.9°, 100, 50	`hsl(9.9,100%,50%)`
HSV (or HSB)	9.9°, 100, 100
Web Safe	ff3300	`#ff3300`

CIE-LAB	54.991, 75.053, 67.85
XYZ	42.07, 22.921, 2.209
xyY	0.626, 0.341, 22.921
CIE-LCH	54.991, 101.176, 42.114
CIE-LUV	54.991, 165.054, 40.909
Hunter-Lab	47.876, 73.07, 30.778
Binary	11111111, 00101010, 00000000

#ff2a00
```
#ff2a00 rgb(255,42,0)
```
#00d5ff
```
#00d5ff rgb(0,213,255)
```

Complementary Color

#ff0056
```
#ff0056 rgb(255,0,86)
```
#ff2a00
```
#ff2a00 rgb(255,42,0)
```
#ffaa00
```
#ffaa00 rgb(255,170,0)
```

Analogous Color

#0056ff
```
#0056ff rgb(0,86,255)
```
#ff2a00
```
#ff2a00 rgb(255,42,0)
```
#00ffaa
```
#00ffaa rgb(0,255,170)
```

Split Complementary Color

#2a00ff
```
#2a00ff rgb(42,0,255)
```
#ff2a00
```
#ff2a00 rgb(255,42,0)
```
#00ff2a
```
#00ff2a rgb(0,255,42)
```

Triadic Color

#ff00d5
```
#ff00d5 rgb(255,0,213)
```
#ff2a00
```
#ff2a00 rgb(255,42,0)
```
#00ff2a
```
#00ff2a rgb(0,255,42)
```
#00d5ff
```
#00d5ff rgb(0,213,255)
```

Tetradic Color

#b31d00
```
#b31d00 rgb(179,29,0)
```
#cc2200
```
#cc2200 rgb(204,34,0)
```
#e62600
```
#e62600 rgb(230,38,0)
```
#ff2a00
```
#ff2a00 rgb(255,42,0)
```
#ff3f1a
```
#ff3f1a rgb(255,63,26)
```
#ff5533
```
#ff5533 rgb(255,85,51)
```
#ff6a4d
```
#ff6a4d rgb(255,106,77)
```

Monochromatic Color

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

#ff0016
```
#ff0016 rgb(255,0,22)
```
#ff0000
```
#ff0000 rgb(255,0,0)
```
#ff1500
```
#ff1500 rgb(255,21,0)
```
#ff2a00
```
#ff2a00 rgb(255,42,0)
```
#ff3f00
```
#ff3f00 rgb(255,63,0)
```
#ff5500
```
#ff5500 rgb(255,85,0)
```
#ff6a00
```
#ff6a00 rgb(255,106,0)
```

Similar Colors

Text with hexadecimal color #ff2a00

This text has a font color of #ff2a00.

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

#ff2a00 background color

This paragraph has a background color of #ff2a00.

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

#ff2a00 border color

This element has a border color of #ff2a00.

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

CSS codes

.text {color:#ff2a00;}

.background {background-color:#ff2a00;}

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

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

#140300
```
#140300 rgb(20,3,0)
```
#270600
```
#270600 rgb(39,6,0)
```
#3b0a00
```
#3b0a00 rgb(59,10,0)
```
#4e0d00
```
#4e0d00 rgb(78,13,0)
```
#621000
```
#621000 rgb(98,16,0)
```
#761300
```
#761300 rgb(118,19,0)
```
#891700
```
#891700 rgb(137,23,0)
```
#9d1a00
```
#9d1a00 rgb(157,26,0)
```
#b11d00
```
#b11d00 rgb(177,29,0)
```
#c42000
```
#c42000 rgb(196,32,0)
```
#d82400
```
#d82400 rgb(216,36,0)
```
#eb2700
```
#eb2700 rgb(235,39,0)
```
#ff2a00
```
#ff2a00 rgb(255,42,0)
```

Shade Color Variation

#ff3a14
```
#ff3a14 rgb(255,58,20)
```
#ff4b27
```
#ff4b27 rgb(255,75,39)
```
#ff5b3b
```
#ff5b3b rgb(255,91,59)
```
#ff6c4e
```
#ff6c4e rgb(255,108,78)
```
#ff7c62
```
#ff7c62 rgb(255,124,98)
```
#ff8c76
```
#ff8c76 rgb(255,140,118)
```
#ff9d89
```
#ff9d89 rgb(255,157,137)
```
#ffad9d
```
#ffad9d rgb(255,173,157)
```
#ffbdb1
```
#ffbdb1 rgb(255,189,177)
```
#ffcec4
```
#ffcec4 rgb(255,206,196)
```
#ffded8
```
#ffded8 rgb(255,222,216)
```
#ffefeb
```
#ffefeb rgb(255,239,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#897976
```
#897976 rgb(137,121,118)
```
#93726c
```
#93726c rgb(147,114,108)
```
#9d6c62
```
#9d6c62 rgb(157,108,98)
```
#a76558
```
#a76558 rgb(167,101,88)
```
#b15f4e
```
#b15f4e rgb(177,95,78)
```
#ba5845
```
#ba5845 rgb(186,88,69)
```
#c4513b
```
#c4513b rgb(196,81,59)
```
#ce4b31
```
#ce4b31 rgb(206,75,49)
```
#d84427
```
#d84427 rgb(216,68,39)
```
#e23e1d
```
#e23e1d rgb(226,62,29)
```
#eb3714
```
#eb3714 rgb(235,55,20)
```
#f5310a
```
#f5310a rgb(245,49,10)
```
#ff2a00
```
#ff2a00 rgb(255,42,0)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#845951 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8a21 Protanopia 1% of men
#ac8300 Deuteranopia 1% of men
#ff3331 Tritanopia 0.001% of the population

Trichromacy

#bf6715 Protanomaly 1% of men, 0.01% of women
#ca6300 Deuteranomaly 6% of men, 0.4% of women
#ff2f1f Tritanomaly 0.01% of the population

#ff2a00 hex color

#ff2a00 Color Information

#ff2a00 Color Conversion

Color Schemes with #ff2a00

Alternatives to #ff2a00

#ff2a00 Preview

Shades and Tints of #ff2a00

Tones of #ff2a00

Color Blindness Simulator