#ff301f hex color

In a RGB color space, hex #ff301f is composed of 100% red, 18.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.2% magenta, 87.8% yellow and 0% black. It has a hue angle of 4.6 degrees, a saturation of 100% and a lightness of 56.1%. #ff301f color hex could be obtained by blending #ff603e with #ff0000. Closest websafe color is: #ff3333.

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

● #ff301f color description : Vivid red.

The hexadecimal color #ff301f has RGB values of R:255, G:48, B:31 and CMYK values of C:0, M:0.81, Y:0.88, K:0. Its decimal value is 16723999.

Hex triplet	ff301f	`#ff301f`
RGB Decimal	255, 48, 31	`rgb(255,48,31)`
RGB Percent	100, 18.8, 12.2	`rgb(100%,18.8%,12.2%)`
CMYK	0, 81, 88, 0
HSL	4.6°, 100, 56.1	`hsl(4.6,100%,56.1%)`
HSV (or HSB)	4.6°, 87.8, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.562, 74.028, 59.263
XYZ	42.547, 23.478, 3.588
xyY	0.611, 0.337, 23.478
CIE-LCH	55.562, 94.827, 38.679
CIE-LUV	55.562, 160.258, 38.123
Hunter-Lab	48.454, 71.941, 29.528
Binary	11111111, 00110000, 00011111

#ff301f
```
#ff301f rgb(255,48,31)
```
#1feeff
```
#1feeff rgb(31,238,255)
```

Complementary Color

#ff1f7e
```
#ff1f7e rgb(255,31,126)
```
#ff301f
```
#ff301f rgb(255,48,31)
```
#ffa01f
```
#ffa01f rgb(255,160,31)
```

Analogous Color

#1f7eff
```
#1f7eff rgb(31,126,255)
```
#ff301f
```
#ff301f rgb(255,48,31)
```
#1fffa0
```
#1fffa0 rgb(31,255,160)
```

Split Complementary Color

#301fff
```
#301fff rgb(48,31,255)
```
#ff301f
```
#ff301f rgb(255,48,31)
```
#1fff30
```
#1fff30 rgb(31,255,48)
```

Triadic Color

#ff1fee
```
#ff1fee rgb(255,31,238)
```
#ff301f
```
#ff301f rgb(255,48,31)
```
#1fff30
```
#1fff30 rgb(31,255,48)
```
#1feeff
```
#1feeff rgb(31,238,255)
```

Tetradic Color

#d21000
```
#d21000 rgb(210,16,0)
```
#eb1200
```
#eb1200 rgb(235,18,0)
```
#ff1805
```
#ff1805 rgb(255,24,5)
```
#ff301f
```
#ff301f rgb(255,48,31)
```
#ff4839
```
#ff4839 rgb(255,72,57)
```
#ff5f52
```
#ff5f52 rgb(255,95,82)
```
#ff776c
```
#ff776c rgb(255,119,108)
```

Monochromatic Color

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

#ff1f46
```
#ff1f46 rgb(255,31,70)
```
#ff1f33
```
#ff1f33 rgb(255,31,51)
```
#ff1f21
```
#ff1f21 rgb(255,31,33)
```
#ff301f
```
#ff301f rgb(255,48,31)
```
#ff431f
```
#ff431f rgb(255,67,31)
```
#ff551f
```
#ff551f rgb(255,85,31)
```
#ff681f
```
#ff681f rgb(255,104,31)
```

Similar Colors

Text with hexadecimal color #ff301f

This text has a font color of #ff301f.

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

#ff301f background color

This paragraph has a background color of #ff301f.

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

#ff301f border color

This element has a border color of #ff301f.

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

CSS codes

.text {color:#ff301f;}

.background {background-color:#ff301f;}

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

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

#0b0100
```
#0b0100 rgb(11,1,0)
```
#1f0200
```
#1f0200 rgb(31,2,0)
```
#330400
```
#330400 rgb(51,4,0)
```
#460500
```
#460500 rgb(70,5,0)
```
#5a0700
```
#5a0700 rgb(90,7,0)
```
#6d0800
```
#6d0800 rgb(109,8,0)
```
#810a00
```
#810a00 rgb(129,10,0)
```
#950b00
```
#950b00 rgb(149,11,0)
```
#a80d00
```
#a80d00 rgb(168,13,0)
```
#bc0e00
```
#bc0e00 rgb(188,14,0)
```
#d01000
```
#d01000 rgb(208,16,0)
```
#e31100
```
#e31100 rgb(227,17,0)
```
#f71300
```
#f71300 rgb(247,19,0)
```

Shade Color Variation

#ff1e0b
```
#ff1e0b rgb(255,30,11)
```
#ff301f
```
#ff301f rgb(255,48,31)
```
#ff4233
```
#ff4233 rgb(255,66,51)
```
#ff5446
```
#ff5446 rgb(255,84,70)
```
#ff665a
```
#ff665a rgb(255,102,90)
```
#ff796d
```
#ff796d rgb(255,121,109)
```
#ff8b81
```
#ff8b81 rgb(255,139,129)
```
#ff9d95
```
#ff9d95 rgb(255,157,149)
```
#ffafa8
```
#ffafa8 rgb(255,175,168)
```
#ffc1bc
```
#ffc1bc rgb(255,193,188)
```
#ffd3d0
```
#ffd3d0 rgb(255,211,208)
```
#ffe5e3
```
#ffe5e3 rgb(255,229,227)
```
#fff7f7
```
#fff7f7 rgb(255,247,247)
```

Tint Color Variation

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

#988886
```
#988886 rgb(152,136,134)
```
#a0807e
```
#a0807e rgb(160,128,126)
```
#a97975
```
#a97975 rgb(169,121,117)
```
#b1726d
```
#b1726d rgb(177,114,109)
```
#ba6a64
```
#ba6a64 rgb(186,106,100)
```
#c3635b
```
#c3635b rgb(195,99,91)
```
#cb5c53
```
#cb5c53 rgb(203,92,83)
```
#d4554a
```
#d4554a rgb(212,85,74)
```
#dd4d41
```
#dd4d41 rgb(221,77,65)
```
#e54639
```
#e54639 rgb(229,70,57)
```
#ee3f30
```
#ee3f30 rgb(238,63,48)
```
#f63728
```
#f63728 rgb(246,55,40)
```
#ff301f
```
#ff301f rgb(255,48,31)
```

Tone Color Variation

Below, you can see how #ff301f 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
#89605d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8b3c Protanopia 1% of men
#ae8400 Deuteranopia 1% of men
#ff3939 Tritanopia 0.001% of the population

Trichromacy

#bf6a31 Protanomaly 1% of men, 0.01% of women
#cb650b Deuteranomaly 6% of men, 0.4% of women
#ff362f Tritanomaly 0.01% of the population

#ff301f hex color

#ff301f Color Information

#ff301f Color Conversion

Color Schemes with #ff301f

Alternatives to #ff301f

#ff301f Preview

Shades and Tints of #ff301f

Tones of #ff301f

Color Blindness Simulator