#ff2f29 hex color

In a RGB color space, hex #ff2f29 is composed of 100% red, 18.4% green and 16.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.6% magenta, 83.9% yellow and 0% black. It has a hue angle of 1.7 degrees, a saturation of 100% and a lightness of 58%. #ff2f29 color hex could be obtained by blending #ff5e52 with #ff0000. Closest websafe color is: #ff3333.

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

● #ff2f29 color description : Vivid red.

The hexadecimal color #ff2f29 has RGB values of R:255, G:47, B:41 and CMYK values of C:0, M:0.82, Y:0.84, K:0. Its decimal value is 16723753.

Hex triplet	ff2f29	`#ff2f29`
RGB Decimal	255, 47, 41	`rgb(255,47,41)`
RGB Percent	100, 18.4, 16.1	`rgb(100%,18.4%,16.1%)`
CMYK	0, 82, 84, 0
HSL	1.7°, 100, 58	`hsl(1.7,100%,58%)`
HSV (or HSB)	1.7°, 83.9, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.542, 74.451, 54.822
XYZ	42.659, 23.459, 4.38
xyY	0.605, 0.333, 23.459
CIE-LCH	55.542, 92.457, 36.366
CIE-LUV	55.542, 159.367, 35.772
Hunter-Lab	48.434, 72.457, 28.543
Binary	11111111, 00101111, 00101001

#ff2f29
```
#ff2f29 rgb(255,47,41)
```
#29f9ff
```
#29f9ff rgb(41,249,255)
```

Complementary Color

#ff298e
```
#ff298e rgb(255,41,142)
```
#ff2f29
```
#ff2f29 rgb(255,47,41)
```
#ff9a29
```
#ff9a29 rgb(255,154,41)
```

Analogous Color

#298eff
```
#298eff rgb(41,142,255)
```
#ff2f29
```
#ff2f29 rgb(255,47,41)
```
#29ff9a
```
#29ff9a rgb(41,255,154)
```

Split Complementary Color

#2f29ff
```
#2f29ff rgb(47,41,255)
```
#ff2f29
```
#ff2f29 rgb(255,47,41)
```
#29ff2f
```
#29ff2f rgb(41,255,47)
```

Triadic Color

#ff29f9
```
#ff29f9 rgb(255,41,249)
```
#ff2f29
```
#ff2f29 rgb(255,47,41)
```
#29ff2f
```
#29ff2f rgb(41,255,47)
```
#29f9ff
```
#29f9ff rgb(41,249,255)
```

Tetradic Color

#dc0600
```
#dc0600 rgb(220,6,0)
```
#f50700
```
#f50700 rgb(245,7,0)
```
#ff1610
```
#ff1610 rgb(255,22,16)
```
#ff2f29
```
#ff2f29 rgb(255,47,41)
```
#ff4843
```
#ff4843 rgb(255,72,67)
```
#ff615c
```
#ff615c rgb(255,97,92)
```
#ff7976
```
#ff7976 rgb(255,121,118)
```

Monochromatic Color

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

#ff2959
```
#ff2959 rgb(255,41,89)
```
#ff2947
```
#ff2947 rgb(255,41,71)
```
#ff2935
```
#ff2935 rgb(255,41,53)
```
#ff2f29
```
#ff2f29 rgb(255,47,41)
```
#ff4129
```
#ff4129 rgb(255,65,41)
```
#ff5329
```
#ff5329 rgb(255,83,41)
```
#ff6529
```
#ff6529 rgb(255,101,41)
```

Similar Colors

Text with hexadecimal color #ff2f29

This text has a font color of #ff2f29.

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

#ff2f29 background color

This paragraph has a background color of #ff2f29.

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

#ff2f29 border color

This element has a border color of #ff2f29.

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

CSS codes

.text {color:#ff2f29;}

.background {background-color:#ff2f29;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#150100
```
#150100 rgb(21,1,0)
```
#290100
```
#290100 rgb(41,1,0)
```
#3d0200
```
#3d0200 rgb(61,2,0)
```
#500200
```
#500200 rgb(80,2,0)
```
#640300
```
#640300 rgb(100,3,0)
```
#770300
```
#770300 rgb(119,3,0)
```
#8b0400
```
#8b0400 rgb(139,4,0)
```
#9f0400
```
#9f0400 rgb(159,4,0)
```
#b20500
```
#b20500 rgb(178,5,0)
```
#c60600
```
#c60600 rgb(198,6,0)
```
#da0600
```
#da0600 rgb(218,6,0)
```
#ed0700
```
#ed0700 rgb(237,7,0)
```

Shade Color Variation

#ff0902
```
#ff0902 rgb(255,9,2)
```
#ff1c15
```
#ff1c15 rgb(255,28,21)
```
#ff2f29
```
#ff2f29 rgb(255,47,41)
```
#ff423d
```
#ff423d rgb(255,66,61)
```
#ff5550
```
#ff5550 rgb(255,85,80)
```
#ff6864
```
#ff6864 rgb(255,104,100)
```
#ff7b77
```
#ff7b77 rgb(255,123,119)
```
#ff8e8b
```
#ff8e8b rgb(255,142,139)
```
#ffa19f
```
#ffa19f rgb(255,161,159)
```
#ffb4b2
```
#ffb4b2 rgb(255,180,178)
```
#ffc8c6
```
#ffc8c6 rgb(255,200,198)
```
#ffdbda
```
#ffdbda rgb(255,219,218)
```
#ffeeed
```
#ffeeed rgb(255,238,237)
```

Tint Color Variation

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

#9c8c8c
```
#9c8c8c rgb(156,140,140)
```
#a48484
```
#a48484 rgb(164,132,132)
```
#ad7d7b
```
#ad7d7b rgb(173,125,123)
```
#b57573
```
#b57573 rgb(181,117,115)
```
#bd6d6b
```
#bd6d6b rgb(189,109,107)
```
#c56563
```
#c56563 rgb(197,101,99)
```
#ce5e5a
```
#ce5e5a rgb(206,94,90)
```
#d65652
```
#d65652 rgb(214,86,82)
```
#de4e4a
```
#de4e4a rgb(222,78,74)
```
#e64642
```
#e64642 rgb(230,70,66)
```
#ef3f39
```
#ef3f39 rgb(239,63,57)
```
#f73731
```
#f73731 rgb(247,55,49)
```
#ff2f29
```
#ff2f29 rgb(255,47,41)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#8a615f Atypical Achromatopsia 0.001% of the population

Dichromacy

#998b47 Protanopia 1% of men
#ae841b Deuteranopia 1% of men
#ff3939 Tritanopia 0.001% of the population

Trichromacy

#be693c Protanomaly 1% of men, 0.01% of women
#cb6520 Deuteranomaly 6% of men, 0.4% of women
#ff3533 Tritanomaly 0.01% of the population

#ff2f29 hex color

#ff2f29 Color Information

#ff2f29 Color Conversion

Color Schemes with #ff2f29

Alternatives to #ff2f29

#ff2f29 Preview

Shades and Tints of #ff2f29

Tones of #ff2f29

Color Blindness Simulator