#ff341e hex color

In a RGB color space, hex #ff341e is composed of 100% red, 20.4% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.6% magenta, 88.2% yellow and 0% black. It has a hue angle of 5.9 degrees, a saturation of 100% and a lightness of 55.9%. #ff341e color hex could be obtained by blending #ff683c with #ff0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 100
- G 20
- B 12
RGB color chart
- C 0
- M 80
- Y 88
- K 0
CMYK color chart

● #ff341e color description : Vivid red.

The hexadecimal color #ff341e has RGB values of R:255, G:52, B:30 and CMYK values of C:0, M:0.8, Y:0.88, K:0. Its decimal value is 16725022.

Hex triplet	ff341e	`#ff341e`
RGB Decimal	255, 52, 30	`rgb(255,52,30)`
RGB Percent	100, 20.4, 11.8	`rgb(100%,20.4%,11.8%)`
CMYK	0, 80, 88, 0
HSL	5.9°, 100, 55.9	`hsl(5.9,100%,55.9%)`
HSV (or HSB)	5.9°, 88.2, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.902, 73.032, 59.918
XYZ	42.705, 23.815, 3.577
xyY	0.609, 0.34, 23.815
CIE-LCH	55.902, 94.466, 39.366
CIE-LUV	55.902, 158.514, 38.948
Hunter-Lab	48.801, 70.801, 29.815
Binary	11111111, 00110100, 00011110

#ff341e
```
#ff341e rgb(255,52,30)
```
#1ee9ff
```
#1ee9ff rgb(30,233,255)
```

Complementary Color

#ff1e79
```
#ff1e79 rgb(255,30,121)
```
#ff341e
```
#ff341e rgb(255,52,30)
```
#ffa51e
```
#ffa51e rgb(255,165,30)
```

Analogous Color

#1e79ff
```
#1e79ff rgb(30,121,255)
```
#ff341e
```
#ff341e rgb(255,52,30)
```
#1effa5
```
#1effa5 rgb(30,255,165)
```

Split Complementary Color

#341eff
```
#341eff rgb(52,30,255)
```
#ff341e
```
#ff341e rgb(255,52,30)
```
#1eff34
```
#1eff34 rgb(30,255,52)
```

Triadic Color

#ff1ee9
```
#ff1ee9 rgb(255,30,233)
```
#ff341e
```
#ff341e rgb(255,52,30)
```
#1eff34
```
#1eff34 rgb(30,255,52)
```
#1ee9ff
```
#1ee9ff rgb(30,233,255)
```

Tetradic Color

#d11400
```
#d11400 rgb(209,20,0)
```
#ea1700
```
#ea1700 rgb(234,23,0)
```
#ff1d04
```
#ff1d04 rgb(255,29,4)
```
#ff341e
```
#ff341e rgb(255,52,30)
```
#ff4b38
```
#ff4b38 rgb(255,75,56)
```
#ff6251
```
#ff6251 rgb(255,98,81)
```
#ff796b
```
#ff796b rgb(255,121,107)
```

Monochromatic Color

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

#ff1e40
```
#ff1e40 rgb(255,30,64)
```
#ff1e2e
```
#ff1e2e rgb(255,30,46)
```
#ff211e
```
#ff211e rgb(255,33,30)
```
#ff341e
```
#ff341e rgb(255,52,30)
```
#ff471e
```
#ff471e rgb(255,71,30)
```
#ff5a1e
```
#ff5a1e rgb(255,90,30)
```
#ff6c1e
```
#ff6c1e rgb(255,108,30)
```

Similar Colors

Text with hexadecimal color #ff341e

This text has a font color of #ff341e.

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

#ff341e background color

This paragraph has a background color of #ff341e.

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

#ff341e border color

This element has a border color of #ff341e.

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

CSS codes

.text {color:#ff341e;}

.background {background-color:#ff341e;}

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

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

#0a0100
```
#0a0100 rgb(10,1,0)
```
#1e0300
```
#1e0300 rgb(30,3,0)
```
#320500
```
#320500 rgb(50,5,0)
```
#450700
```
#450700 rgb(69,7,0)
```
#590900
```
#590900 rgb(89,9,0)
```
#6c0b00
```
#6c0b00 rgb(108,11,0)
```
#800d00
```
#800d00 rgb(128,13,0)
```
#940e00
```
#940e00 rgb(148,14,0)
```
#a71000
```
#a71000 rgb(167,16,0)
```
#bb1200
```
#bb1200 rgb(187,18,0)
```
#cf1400
```
#cf1400 rgb(207,20,0)
```
#e21600
```
#e21600 rgb(226,22,0)
```
#f61800
```
#f61800 rgb(246,24,0)
```

Shade Color Variation

#ff220a
```
#ff220a rgb(255,34,10)
```
#ff341e
```
#ff341e rgb(255,52,30)
```
#ff4632
```
#ff4632 rgb(255,70,50)
```
#ff5745
```
#ff5745 rgb(255,87,69)
```
#ff6959
```
#ff6959 rgb(255,105,89)
```
#ff7b6c
```
#ff7b6c rgb(255,123,108)
```
#ff8c80
```
#ff8c80 rgb(255,140,128)
```
#ff9e94
```
#ff9e94 rgb(255,158,148)
```
#ffb0a7
```
#ffb0a7 rgb(255,176,167)
```
#ffc2bb
```
#ffc2bb rgb(255,194,187)
```
#ffd3cf
```
#ffd3cf rgb(255,211,207)
```
#ffe5e2
```
#ffe5e2 rgb(255,229,226)
```
#fff7f6
```
#fff7f6 rgb(255,247,246)
```

Tint Color Variation

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

#978886
```
#978886 rgb(151,136,134)
```
#a0817d
```
#a0817d rgb(160,129,125)
```
#a87a75
```
#a87a75 rgb(168,122,117)
```
#b1736c
```
#b1736c rgb(177,115,108)
```
#ba6c63
```
#ba6c63 rgb(186,108,99)
```
#c2655b
```
#c2655b rgb(194,101,91)
```
#cb5e52
```
#cb5e52 rgb(203,94,82)
```
#d45749
```
#d45749 rgb(212,87,73)
```
#dc5041
```
#dc5041 rgb(220,80,65)
```
#e54938
```
#e54938 rgb(229,73,56)
```
#ee422f
```
#ee422f rgb(238,66,47)
```
#f63b27
```
#f63b27 rgb(246,59,39)
```
#ff341e
```
#ff341e rgb(255,52,30)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#8b625e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8c3b Protanopia 1% of men
#af8500 Deuteranopia 1% of men
#ff3d3d Tritanopia 0.001% of the population

Trichromacy

#bf6c30 Protanomaly 1% of men, 0.01% of women
#cc670a Deuteranomaly 6% of men, 0.4% of women
#ff3932 Tritanomaly 0.01% of the population

#ff341e hex color

#ff341e Color Information

#ff341e Color Conversion

Color Schemes with #ff341e

Alternatives to #ff341e

#ff341e Preview

Shades and Tints of #ff341e

Tones of #ff341e

Color Blindness Simulator