#ff2f0f hex color

In a RGB color space, hex #ff2f0f is composed of 100% red, 18.4% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.6% magenta, 94.1% yellow and 0% black. It has a hue angle of 8 degrees, a saturation of 100% and a lightness of 52.9%. #ff2f0f color hex could be obtained by blending #ff5e1e with #ff0000. Closest websafe color is: #ff3300.

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

● #ff2f0f color description : Vivid red.

The hexadecimal color #ff2f0f has RGB values of R:255, G:47, B:15 and CMYK values of C:0, M:0.82, Y:0.94, K:0. Its decimal value is 16723727.

Hex triplet	ff2f0f	`#ff2f0f`
RGB Decimal	255, 47, 15	`rgb(255,47,15)`
RGB Percent	100, 18.4, 5.9	`rgb(100%,18.4%,5.9%)`
CMYK	0, 82, 94, 0
HSL	8°, 100, 52.9	`hsl(8,100%,52.9%)`
HSV (or HSB)	8°, 94.1, 100
Web Safe	ff3300	`#ff3300`

CIE-LAB	55.414, 74.061, 64.618
XYZ	42.345, 23.333, 2.726
xyY	0.619, 0.341, 23.333
CIE-LCH	55.414, 98.288, 41.105
CIE-LUV	55.414, 162.13, 40.324
Hunter-Lab	48.304, 71.946, 30.467
Binary	11111111, 00101111, 00001111

#ff2f0f
```
#ff2f0f rgb(255,47,15)
```
#0fdfff
```
#0fdfff rgb(15,223,255)
```

Complementary Color

#ff0f67
```
#ff0f67 rgb(255,15,103)
```
#ff2f0f
```
#ff2f0f rgb(255,47,15)
```
#ffa70f
```
#ffa70f rgb(255,167,15)
```

Analogous Color

#0f67ff
```
#0f67ff rgb(15,103,255)
```
#ff2f0f
```
#ff2f0f rgb(255,47,15)
```
#0fffa7
```
#0fffa7 rgb(15,255,167)
```

Split Complementary Color

#2f0fff
```
#2f0fff rgb(47,15,255)
```
#ff2f0f
```
#ff2f0f rgb(255,47,15)
```
#0fff2f
```
#0fff2f rgb(15,255,47)
```

Triadic Color

#ff0fdf
```
#ff0fdf rgb(255,15,223)
```
#ff2f0f
```
#ff2f0f rgb(255,47,15)
```
#0fff2f
```
#0fff2f rgb(15,255,47)
```
#0fdfff
```
#0fdfff rgb(15,223,255)
```

Tetradic Color

#c21a00
```
#c21a00 rgb(194,26,0)
```
#db1d00
```
#db1d00 rgb(219,29,0)
```
#f52100
```
#f52100 rgb(245,33,0)
```
#ff2f0f
```
#ff2f0f rgb(255,47,15)
```
#ff4529
```
#ff4529 rgb(255,69,41)
```
#ff5b42
```
#ff5b42 rgb(255,91,66)
```
#ff715c
```
#ff715c rgb(255,113,92)
```

Monochromatic Color

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

#ff0f2b
```
#ff0f2b rgb(255,15,43)
```
#ff0f17
```
#ff0f17 rgb(255,15,23)
```
#ff1b0f
```
#ff1b0f rgb(255,27,15)
```
#ff2f0f
```
#ff2f0f rgb(255,47,15)
```
#ff430f
```
#ff430f rgb(255,67,15)
```
#ff570f
```
#ff570f rgb(255,87,15)
```
#ff6b0f
```
#ff6b0f rgb(255,107,15)
```

Similar Colors

Text with hexadecimal color #ff2f0f

This text has a font color of #ff2f0f.

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

#ff2f0f background color

This paragraph has a background color of #ff2f0f.

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

#ff2f0f border color

This element has a border color of #ff2f0f.

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

CSS codes

.text {color:#ff2f0f;}

.background {background-color:#ff2f0f;}

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

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, #0f0200 is the darkest color, while #fffbfa is the lightest one.

#0f0200
```
#0f0200 rgb(15,2,0)
```
#230500
```
#230500 rgb(35,5,0)
```
#360700
```
#360700 rgb(54,7,0)
```
#4a0a00
```
#4a0a00 rgb(74,10,0)
```
#5d0c00
```
#5d0c00 rgb(93,12,0)
```
#710f00
```
#710f00 rgb(113,15,0)
```
#851200
```
#851200 rgb(133,18,0)
```
#981400
```
#981400 rgb(152,20,0)
```
#ac1700
```
#ac1700 rgb(172,23,0)
```
#c01a00
```
#c01a00 rgb(192,26,0)
```
#d31c00
```
#d31c00 rgb(211,28,0)
```
#e71f00
```
#e71f00 rgb(231,31,0)
```
#fa2100
```
#fa2100 rgb(250,33,0)
```

Shade Color Variation

#ff2f0f
```
#ff2f0f rgb(255,47,15)
```
#ff4023
```
#ff4023 rgb(255,64,35)
```
#ff5136
```
#ff5136 rgb(255,81,54)
```
#ff624a
```
#ff624a rgb(255,98,74)
```
#ff735d
```
#ff735d rgb(255,115,93)
```
#ff8471
```
#ff8471 rgb(255,132,113)
```
#ff9585
```
#ff9585 rgb(255,149,133)
```
#ffa698
```
#ffa698 rgb(255,166,152)
```
#ffb7ac
```
#ffb7ac rgb(255,183,172)
```
#ffc8c0
```
#ffc8c0 rgb(255,200,192)
```
#ffd9d3
```
#ffd9d3 rgb(255,217,211)
```
#ffeae7
```
#ffeae7 rgb(255,234,231)
```
#fffbfa
```
#fffbfa rgb(255,251,250)
```

Tint Color Variation

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

#90807e
```
#90807e rgb(144,128,126)
```
#997975
```
#997975 rgb(153,121,117)
```
#a3736b
```
#a3736b rgb(163,115,107)
```
#ac6c62
```
#ac6c62 rgb(172,108,98)
```
#b56559
```
#b56559 rgb(181,101,89)
```
#be5e50
```
#be5e50 rgb(190,94,80)
```
#c85846
```
#c85846 rgb(200,88,70)
```
#d1513d
```
#d1513d rgb(209,81,61)
```
#da4a34
```
#da4a34 rgb(218,74,52)
```
#e3432b
```
#e3432b rgb(227,67,43)
```
#ed3d21
```
#ed3d21 rgb(237,61,33)
```
#f63618
```
#f63618 rgb(246,54,24)
```
#ff2f0f
```
#ff2f0f rgb(255,47,15)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#885e58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8b2d Protanopia 1% of men
#ad8400 Deuteranopia 1% of men
#ff3837 Tritanopia 0.001% of the population

Trichromacy

#bf6922 Protanomaly 1% of men, 0.01% of women
#cb6505 Deuteranomaly 6% of men, 0.4% of women
#ff3428 Tritanomaly 0.01% of the population

#ff2f0f hex color

#ff2f0f Color Information

#ff2f0f Color Conversion

Color Schemes with #ff2f0f

Alternatives to #ff2f0f

#ff2f0f Preview

Shades and Tints of #ff2f0f

Tones of #ff2f0f

Color Blindness Simulator