#ff3312 hex color

In a RGB color space, hex #ff3312 is composed of 100% red, 20% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 92.9% yellow and 0% black. It has a hue angle of 8.4 degrees, a saturation of 100% and a lightness of 53.5%. #ff3312 color hex could be obtained by blending #ff6624 with #ff0000. Closest websafe color is: #ff3300.

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

● #ff3312 color description : Vivid red.

The hexadecimal color #ff3312 has RGB values of R:255, G:51, B:18 and CMYK values of C:0, M:0.8, Y:0.93, K:0. Its decimal value is 16724754.

Hex triplet	ff3312	`#ff3312`
RGB Decimal	255, 51, 18	`rgb(255,51,18)`
RGB Percent	100, 20, 7.1	`rgb(100%,20%,7.1%)`
CMYK	0, 80, 93, 0
HSL	8.4°, 100, 53.5	`hsl(8.4,100%,53.5%)`
HSV (or HSB)	8.4°, 92.9, 100
Web Safe	ff3300	`#ff3300`

CIE-LAB	55.763, 73.127, 63.982
XYZ	42.535, 23.677, 2.903
xyY	0.615, 0.343, 23.677
CIE-LCH	55.763, 97.166, 41.184
CIE-LUV	55.763, 160.076, 40.601
Hunter-Lab	48.659, 70.884, 30.524
Binary	11111111, 00110011, 00010010

#ff3312
```
#ff3312 rgb(255,51,18)
```
#12deff
```
#12deff rgb(18,222,255)
```

Complementary Color

#ff1268
```
#ff1268 rgb(255,18,104)
```
#ff3312
```
#ff3312 rgb(255,51,18)
```
#ffaa12
```
#ffaa12 rgb(255,170,18)
```

Analogous Color

#1268ff
```
#1268ff rgb(18,104,255)
```
#ff3312
```
#ff3312 rgb(255,51,18)
```
#12ffaa
```
#12ffaa rgb(18,255,170)
```

Split Complementary Color

#3312ff
```
#3312ff rgb(51,18,255)
```
#ff3312
```
#ff3312 rgb(255,51,18)
```
#12ff33
```
#12ff33 rgb(18,255,51)
```

Triadic Color

#ff12de
```
#ff12de rgb(255,18,222)
```
#ff3312
```
#ff3312 rgb(255,51,18)
```
#12ff33
```
#12ff33 rgb(18,255,51)
```
#12deff
```
#12deff rgb(18,222,255)
```

Tetradic Color

#c51b00
```
#c51b00 rgb(197,27,0)
```
#de1f00
```
#de1f00 rgb(222,31,0)
```
#f82200
```
#f82200 rgb(248,34,0)
```
#ff3312
```
#ff3312 rgb(255,51,18)
```
#ff492c
```
#ff492c rgb(255,73,44)
```
#ff5f45
```
#ff5f45 rgb(255,95,69)
```
#ff755f
```
#ff755f rgb(255,117,95)
```

Monochromatic Color

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

#ff122c
```
#ff122c rgb(255,18,44)
```
#ff1218
```
#ff1218 rgb(255,18,24)
```
#ff1f12
```
#ff1f12 rgb(255,31,18)
```
#ff3312
```
#ff3312 rgb(255,51,18)
```
#ff4712
```
#ff4712 rgb(255,71,18)
```
#ff5b12
```
#ff5b12 rgb(255,91,18)
```
#ff6e12
```
#ff6e12 rgb(255,110,18)
```

Similar Colors

Text with hexadecimal color #ff3312

This text has a font color of #ff3312.

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

#ff3312 background color

This paragraph has a background color of #ff3312.

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

#ff3312 border color

This element has a border color of #ff3312.

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

CSS codes

.text {color:#ff3312;}

.background {background-color:#ff3312;}

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

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

#120300
```
#120300 rgb(18,3,0)
```
#260500
```
#260500 rgb(38,5,0)
```
#390800
```
#390800 rgb(57,8,0)
```
#4d0b00
```
#4d0b00 rgb(77,11,0)
```
#600d00
```
#600d00 rgb(96,13,0)
```
#741000
```
#741000 rgb(116,16,0)
```
#881300
```
#881300 rgb(136,19,0)
```
#9b1600
```
#9b1600 rgb(155,22,0)
```
#af1800
```
#af1800 rgb(175,24,0)
```
#c31b00
```
#c31b00 rgb(195,27,0)
```
#d61e00
```
#d61e00 rgb(214,30,0)
```
#ea2100
```
#ea2100 rgb(234,33,0)
```
#fd2300
```
#fd2300 rgb(253,35,0)
```

Shade Color Variation

#ff3312
```
#ff3312 rgb(255,51,18)
```
#ff4426
```
#ff4426 rgb(255,68,38)
```
#ff5539
```
#ff5539 rgb(255,85,57)
```
#ff664d
```
#ff664d rgb(255,102,77)
```
#ff7760
```
#ff7760 rgb(255,119,96)
```
#ff8774
```
#ff8774 rgb(255,135,116)
```
#ff9888
```
#ff9888 rgb(255,152,136)
```
#ffa99b
```
#ffa99b rgb(255,169,155)
```
#ffbaaf
```
#ffbaaf rgb(255,186,175)
```
#ffcbc3
```
#ffcbc3 rgb(255,203,195)
```
#ffdcd6
```
#ffdcd6 rgb(255,220,214)
```
#ffedea
```
#ffedea rgb(255,237,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#92827f
```
#92827f rgb(146,130,127)
```
#9b7b76
```
#9b7b76 rgb(155,123,118)
```
#a4756d
```
#a4756d rgb(164,117,109)
```
#ad6e64
```
#ad6e64 rgb(173,110,100)
```
#b6685b
```
#b6685b rgb(182,104,91)
```
#bf6152
```
#bf6152 rgb(191,97,82)
```
#c85a49
```
#c85a49 rgb(200,90,73)
```
#d15440
```
#d15440 rgb(209,84,64)
```
#db4d36
```
#db4d36 rgb(219,77,54)
```
#e4472d
```
#e4472d rgb(228,71,45)
```
#ed4024
```
#ed4024 rgb(237,64,36)
```
#f63a1b
```
#f63a1b rgb(246,58,27)
```
#ff3312
```
#ff3312 rgb(255,51,18)
```

Tone Color Variation

Below, you can see how #ff3312 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
#89615a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8c2f Protanopia 1% of men
#ae8500 Deuteranopia 1% of men
#ff3b3b Tritanopia 0.001% of the population

Trichromacy

#c06b25 Protanomaly 1% of men, 0.01% of women
#cb6706 Deuteranomaly 6% of men, 0.4% of women
#ff382c Tritanomaly 0.01% of the population

#ff3312 hex color

#ff3312 Color Information

#ff3312 Color Conversion

Color Schemes with #ff3312

Alternatives to #ff3312

#ff3312 Preview

Shades and Tints of #ff3312

Tones of #ff3312

Color Blindness Simulator