colorhexa.com

#ff2a01 hex color

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

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

● #ff2a01 color description : Vivid red.

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

Hex triplet	ff2a01	`#ff2a01`
RGB Decimal	255, 42, 1	`rgb(255,42,1)`
RGB Percent	100, 16.5, 0.4	`rgb(100%,16.5%,0.4%)`
CMYK	0, 84, 100, 0
HSL	9.7°, 100, 50.2	`hsl(9.7,100%,50.2%)`
HSV (or HSB)	9.7°, 99.6, 100
Web Safe	ff3300	`#ff3300`

CIE-LAB	54.994, 75.06, 67.617
XYZ	42.076, 22.924, 2.238
xyY	0.626, 0.341, 22.924
CIE-LCH	54.994, 101.025, 42.014
CIE-LUV	54.994, 165.003, 40.827
Hunter-Lab	47.879, 73.078, 30.744
Binary	11111111, 00101010, 00000001

#ff2a01
```
#ff2a01 rgb(255,42,1)
```
#01d6ff
```
#01d6ff rgb(1,214,255)
```

Complementary Color

#ff0157
```
#ff0157 rgb(255,1,87)
```
#ff2a01
```
#ff2a01 rgb(255,42,1)
```
#ffa901
```
#ffa901 rgb(255,169,1)
```

Analogous Color

#0157ff
```
#0157ff rgb(1,87,255)
```
#ff2a01
```
#ff2a01 rgb(255,42,1)
```
#01ffa9
```
#01ffa9 rgb(1,255,169)
```

Split Complementary Color

#b41d00
```
#b41d00 rgb(180,29,0)
```
#cd2100
```
#cd2100 rgb(205,33,0)
```
#e72500
```
#e72500 rgb(231,37,0)
```
#ff2a01
```
#ff2a01 rgb(255,42,1)
```
#ff3f1b
```
#ff3f1b rgb(255,63,27)
```
#ff5534
```
#ff5534 rgb(255,85,52)
```
#ff6a4e
```
#ff6a4e rgb(255,106,78)
```

Monochromatic Color

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

#ff0117
```
#ff0117 rgb(255,1,23)
```
#ff0102
```
#ff0102 rgb(255,1,2)
```
#ff1501
```
#ff1501 rgb(255,21,1)
```
#ff2a01
```
#ff2a01 rgb(255,42,1)
```
#ff3f01
```
#ff3f01 rgb(255,63,1)
```
#ff5401
```
#ff5401 rgb(255,84,1)
```
#ff6a01
```
#ff6a01 rgb(255,106,1)
```

Similar Colors

Text with hexadecimal color #ff2a01

This text has a font color of #ff2a01.

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

#ff2a01 background color

This paragraph has a background color of #ff2a01.

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

#ff2a01 border color

This element has a border color of #ff2a01.

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

CSS codes

.text {color:#ff2a01;}

.background {background-color:#ff2a01;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#150300
```
#150300 rgb(21,3,0)
```
#280600
```
#280600 rgb(40,6,0)
```
#3c0a00
```
#3c0a00 rgb(60,10,0)
```
#4f0d00
```
#4f0d00 rgb(79,13,0)
```
#631000
```
#631000 rgb(99,16,0)
```
#771300
```
#771300 rgb(119,19,0)
```
#8a1600
```
#8a1600 rgb(138,22,0)
```
#9e1900
```
#9e1900 rgb(158,25,0)
```
#b21d00
```
#b21d00 rgb(178,29,0)
```
#c52000
```
#c52000 rgb(197,32,0)
```
#d92300
```
#d92300 rgb(217,35,0)
```
#ec2600
```
#ec2600 rgb(236,38,0)
```

Shade Color Variation

#ff2a01
```
#ff2a01 rgb(255,42,1)
```
#ff3a15
```
#ff3a15 rgb(255,58,21)
```
#ff4b28
```
#ff4b28 rgb(255,75,40)
```
#ff5b3c
```
#ff5b3c rgb(255,91,60)
```
#ff6c4f
```
#ff6c4f rgb(255,108,79)
```
#ff7c63
```
#ff7c63 rgb(255,124,99)
```
#ff8d77
```
#ff8d77 rgb(255,141,119)
```
#ff9d8a
```
#ff9d8a rgb(255,157,138)
```
#ffae9e
```
#ffae9e rgb(255,174,158)
```
#ffbeb2
```
#ffbeb2 rgb(255,190,178)
```
#ffcec5
```
#ffcec5 rgb(255,206,197)
```
#ffdfd9
```
#ffdfd9 rgb(255,223,217)
```
#ffefec
```
#ffefec rgb(255,239,236)
```

Tint Color Variation

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

#8a7976
```
#8a7976 rgb(138,121,118)
```
#94736c
```
#94736c rgb(148,115,108)
```
#9d6c63
```
#9d6c63 rgb(157,108,99)
```
#a76659
```
#a76659 rgb(167,102,89)
```
#b15f4f
```
#b15f4f rgb(177,95,79)
```
#bb5845
```
#bb5845 rgb(187,88,69)
```
#c4523c
```
#c4523c rgb(196,82,60)
```
#ce4b32
```
#ce4b32 rgb(206,75,50)
```
#d84428
```
#d84428 rgb(216,68,40)
```
#e23e1e
```
#e23e1e rgb(226,62,30)
```
#eb3715
```
#eb3715 rgb(235,55,21)
```
#f5310b
```
#f5310b rgb(245,49,11)
```
#ff2a01
```
#ff2a01 rgb(255,42,1)
```

Tone Color Variation

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

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

Trichromacy

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