#ff331e hex color

In a RGB color space, hex #ff331e is composed of 100% red, 20% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 88.2% yellow and 0% black. It has a hue angle of 5.6 degrees, a saturation of 100% and a lightness of 55.9%. #ff331e color hex could be obtained by blending #ff663c 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

● #ff331e color description : Vivid red.

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

Hex triplet	ff331e	`#ff331e`
RGB Decimal	255, 51, 30	`rgb(255,51,30)`
RGB Percent	100, 20, 11.8	`rgb(100%,20%,11.8%)`
CMYK	0, 80, 88, 0
HSL	5.6°, 100, 55.9	`hsl(5.6,100%,55.9%)`
HSV (or HSB)	5.6°, 88.2, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.813, 73.284, 59.852
XYZ	42.66, 23.727, 3.562
xyY	0.61, 0.339, 23.727
CIE-LCH	55.813, 94.62, 39.239
CIE-LUV	55.813, 158.99, 38.784
Hunter-Lab	48.71, 71.088, 29.762
Binary	11111111, 00110011, 00011110

#ff331e
```
#ff331e rgb(255,51,30)
```
#1eeaff
```
#1eeaff rgb(30,234,255)
```

Complementary Color

#ff1e7a
```
#ff1e7a rgb(255,30,122)
```
#ff331e
```
#ff331e rgb(255,51,30)
```
#ffa41e
```
#ffa41e rgb(255,164,30)
```

Analogous Color

#1e7aff
```
#1e7aff rgb(30,122,255)
```
#ff331e
```
#ff331e rgb(255,51,30)
```
#1effa4
```
#1effa4 rgb(30,255,164)
```

Split Complementary Color

#331eff
```
#331eff rgb(51,30,255)
```
#ff331e
```
#ff331e rgb(255,51,30)
```
#1eff33
```
#1eff33 rgb(30,255,51)
```

Triadic Color

#ff1eea
```
#ff1eea rgb(255,30,234)
```
#ff331e
```
#ff331e rgb(255,51,30)
```
#1eff33
```
#1eff33 rgb(30,255,51)
```
#1eeaff
```
#1eeaff rgb(30,234,255)
```

Tetradic Color

#d11300
```
#d11300 rgb(209,19,0)
```
#ea1600
```
#ea1600 rgb(234,22,0)
```
#ff1c04
```
#ff1c04 rgb(255,28,4)
```
#ff331e
```
#ff331e rgb(255,51,30)
```
#ff4a38
```
#ff4a38 rgb(255,74,56)
```
#ff6151
```
#ff6151 rgb(255,97,81)
```
#ff786b
```
#ff786b rgb(255,120,107)
```

Monochromatic Color

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

#ff1e41
```
#ff1e41 rgb(255,30,65)
```
#ff1e2e
```
#ff1e2e rgb(255,30,46)
```
#ff201e
```
#ff201e rgb(255,32,30)
```
#ff331e
```
#ff331e rgb(255,51,30)
```
#ff461e
```
#ff461e rgb(255,70,30)
```
#ff591e
```
#ff591e rgb(255,89,30)
```
#ff6b1e
```
#ff6b1e rgb(255,107,30)
```

Similar Colors

Text with hexadecimal color #ff331e

This text has a font color of #ff331e.

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

#ff331e background color

This paragraph has a background color of #ff331e.

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

#ff331e border color

This element has a border color of #ff331e.

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

CSS codes

.text {color:#ff331e;}

.background {background-color:#ff331e;}

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

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)
```
#450600
```
#450600 rgb(69,6,0)
```
#590800
```
#590800 rgb(89,8,0)
```
#6c0a00
```
#6c0a00 rgb(108,10,0)
```
#800c00
```
#800c00 rgb(128,12,0)
```
#940e00
```
#940e00 rgb(148,14,0)
```
#a71000
```
#a71000 rgb(167,16,0)
```
#bb1100
```
#bb1100 rgb(187,17,0)
```
#cf1300
```
#cf1300 rgb(207,19,0)
```
#e21500
```
#e21500 rgb(226,21,0)
```
#f61700
```
#f61700 rgb(246,23,0)
```

Shade Color Variation

#ff210a
```
#ff210a rgb(255,33,10)
```
#ff331e
```
#ff331e rgb(255,51,30)
```
#ff4532
```
#ff4532 rgb(255,69,50)
```
#ff5745
```
#ff5745 rgb(255,87,69)
```
#ff6859
```
#ff6859 rgb(255,104,89)
```
#ff7a6c
```
#ff7a6c rgb(255,122,108)
```
#ff8c80
```
#ff8c80 rgb(255,140,128)
```
#ff9e94
```
#ff9e94 rgb(255,158,148)
```
#ffafa7
```
#ffafa7 rgb(255,175,167)
```
#ffc1bb
```
#ffc1bb rgb(255,193,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, #978786 is the less saturated color, while #ff331e is the most saturated one.

#978786
```
#978786 rgb(151,135,134)
```
#a0807d
```
#a0807d rgb(160,128,125)
```
#a87975
```
#a87975 rgb(168,121,117)
```
#b1726c
```
#b1726c rgb(177,114,108)
```
#ba6b63
```
#ba6b63 rgb(186,107,99)
```
#c2645b
```
#c2645b rgb(194,100,91)
```
#cb5d52
```
#cb5d52 rgb(203,93,82)
```
#d45649
```
#d45649 rgb(212,86,73)
```
#dc4f41
```
#dc4f41 rgb(220,79,65)
```
#e54838
```
#e54838 rgb(229,72,56)
```
#ee412f
```
#ee412f rgb(238,65,47)
```
#f63a27
```
#f63a27 rgb(246,58,39)
```
#ff331e
```
#ff331e rgb(255,51,30)
```

Tone Color Variation

Below, you can see how #ff331e 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
#ff3c3c Tritanopia 0.001% of the population

Trichromacy

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

#ff331e hex color

#ff331e Color Information

#ff331e Color Conversion

Color Schemes with #ff331e

Alternatives to #ff331e

#ff331e Preview

Shades and Tints of #ff331e

Tones of #ff331e

Color Blindness Simulator