#ff2d2b hex color

In a RGB color space, hex #ff2d2b is composed of 100% red, 17.6% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.4% magenta, 83.1% yellow and 0% black. It has a hue angle of 0.6 degrees, a saturation of 100% and a lightness of 58.4%. #ff2d2b color hex could be obtained by blending #ff5a56 with #ff0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 100
- G 18
- B 17
RGB color chart
- C 0
- M 82
- Y 83
- K 0
CMYK color chart

● #ff2d2b color description : Vivid red.

The hexadecimal color #ff2d2b has RGB values of R:255, G:45, B:43 and CMYK values of C:0, M:0.82, Y:0.83, K:0. Its decimal value is 16723243.

Hex triplet	ff2d2b	`#ff2d2b`
RGB Decimal	255, 45, 43	`rgb(255,45,43)`
RGB Percent	100, 17.6, 16.9	`rgb(100%,17.6%,16.9%)`
CMYK	0, 82, 83, 0
HSL	0.6°, 100, 58.4	`hsl(0.6,100%,58.4%)`
HSV (or HSB)	0.6°, 83.1, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.397, 74.947, 53.735
XYZ	42.617, 23.317, 4.542
xyY	0.605, 0.331, 23.317
CIE-LCH	55.397, 92.22, 35.64
CIE-LUV	55.397, 159.902, 34.96
Hunter-Lab	48.287, 73.035, 28.224
Binary	11111111, 00101101, 00101011

#ff2d2b
```
#ff2d2b rgb(255,45,43)
```
#2bfdff
```
#2bfdff rgb(43,253,255)
```

Complementary Color

#ff2b93
```
#ff2b93 rgb(255,43,147)
```
#ff2d2b
```
#ff2d2b rgb(255,45,43)
```
#ff972b
```
#ff972b rgb(255,151,43)
```

Analogous Color

#2b93ff
```
#2b93ff rgb(43,147,255)
```
#ff2d2b
```
#ff2d2b rgb(255,45,43)
```
#2bff97
```
#2bff97 rgb(43,255,151)
```

Split Complementary Color

#2d2bff
```
#2d2bff rgb(45,43,255)
```
#ff2d2b
```
#ff2d2b rgb(255,45,43)
```
#2bff2d
```
#2bff2d rgb(43,255,45)
```

Triadic Color

#ff2bfd
```
#ff2bfd rgb(255,43,253)
```
#ff2d2b
```
#ff2d2b rgb(255,45,43)
```
#2bff2d
```
#2bff2d rgb(43,255,45)
```
#2bfdff
```
#2bfdff rgb(43,253,255)
```

Tetradic Color

#de0200
```
#de0200 rgb(222,2,0)
```
#f70200
```
#f70200 rgb(247,2,0)
```
#ff1412
```
#ff1412 rgb(255,20,18)
```
#ff2d2b
```
#ff2d2b rgb(255,45,43)
```
#ff4645
```
#ff4645 rgb(255,70,69)
```
#ff605e
```
#ff605e rgb(255,96,94)
```
#ff7978
```
#ff7978 rgb(255,121,120)
```

Monochromatic Color

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

#ff2b5e
```
#ff2b5e rgb(255,43,94)
```
#ff2b4c
```
#ff2b4c rgb(255,43,76)
```
#ff2b3b
```
#ff2b3b rgb(255,43,59)
```
#ff2d2b
```
#ff2d2b rgb(255,45,43)
```
#ff3f2b
```
#ff3f2b rgb(255,63,43)
```
#ff502b
```
#ff502b rgb(255,80,43)
```
#ff622b
```
#ff622b rgb(255,98,43)
```

Similar Colors

Text with hexadecimal color #ff2d2b

This text has a font color of #ff2d2b.

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

#ff2d2b background color

This paragraph has a background color of #ff2d2b.

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

#ff2d2b border color

This element has a border color of #ff2d2b.

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

CSS codes

.text {color:#ff2d2b;}

.background {background-color:#ff2d2b;}

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

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
```
#040000 rgb(4,0,0)
```
#170000
```
#170000 rgb(23,0,0)
```
#2b0000
```
#2b0000 rgb(43,0,0)
```
#3f0100
```
#3f0100 rgb(63,1,0)
```
#520100
```
#520100 rgb(82,1,0)
```
#660100
```
#660100 rgb(102,1,0)
```
#790100
```
#790100 rgb(121,1,0)
```
#8d0100
```
#8d0100 rgb(141,1,0)
```
#a10200
```
#a10200 rgb(161,2,0)
```
#b40200
```
#b40200 rgb(180,2,0)
```
#c80200
```
#c80200 rgb(200,2,0)
```
#dc0200
```
#dc0200 rgb(220,2,0)
```
#ef0200
```
#ef0200 rgb(239,2,0)
```

Shade Color Variation

#ff0604
```
#ff0604 rgb(255,6,4)
```
#ff1a17
```
#ff1a17 rgb(255,26,23)
```
#ff2d2b
```
#ff2d2b rgb(255,45,43)
```
#ff403f
```
#ff403f rgb(255,64,63)
```
#ff5452
```
#ff5452 rgb(255,84,82)
```
#ff6766
```
#ff6766 rgb(255,103,102)
```
#ff7b79
```
#ff7b79 rgb(255,123,121)
```
#ff8e8d
```
#ff8e8d rgb(255,142,141)
```
#ffa2a1
```
#ffa2a1 rgb(255,162,161)
```
#ffb5b4
```
#ffb5b4 rgb(255,181,180)
```
#ffc8c8
```
#ffc8c8 rgb(255,200,200)
```
#ffdcdc
```
#ffdcdc rgb(255,220,220)
```
#ffefef
```
#ffefef rgb(255,239,239)
```

Tint Color Variation

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

#9d8d8d
```
#9d8d8d rgb(157,141,141)
```
#a58585
```
#a58585 rgb(165,133,133)
```
#ad7d7d
```
#ad7d7d rgb(173,125,125)
```
#b67574
```
#b67574 rgb(182,117,116)
```
#be6d6c
```
#be6d6c rgb(190,109,108)
```
#c66564
```
#c66564 rgb(198,101,100)
```
#ce5d5c
```
#ce5d5c rgb(206,93,92)
```
#d65554
```
#d65554 rgb(214,85,84)
```
#de4d4c
```
#de4d4c rgb(222,77,76)
```
#e74543
```
#e74543 rgb(231,69,67)
```
#ef3d3b
```
#ef3d3b rgb(239,61,59)
```
#f73533
```
#f73533 rgb(247,53,51)
```
#ff2d2b
```
#ff2d2b rgb(255,45,43)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#895f5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#988b4a Protanopia 1% of men
#ad841f Deuteranopia 1% of men
#ff3737 Tritanopia 0.001% of the population

Trichromacy

#be683e Protanomaly 1% of men, 0.01% of women
#cb6423 Deuteranomaly 6% of men, 0.4% of women
#ff3332 Tritanomaly 0.01% of the population

#ff2d2b hex color

#ff2d2b Color Information

#ff2d2b Color Conversion

Color Schemes with #ff2d2b

Alternatives to #ff2d2b

#ff2d2b Preview

Shades and Tints of #ff2d2b

Tones of #ff2d2b

Color Blindness Simulator