#ff3412 hex color

In a RGB color space, hex #ff3412 is composed of 100% red, 20.4% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.6% magenta, 92.9% yellow and 0% black. It has a hue angle of 8.6 degrees, a saturation of 100% and a lightness of 53.5%. #ff3412 color hex could be obtained by blending #ff6824 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

● #ff3412 color description : Vivid red.

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

Hex triplet	ff3412	`#ff3412`
RGB Decimal	255, 52, 18	`rgb(255,52,18)`
RGB Percent	100, 20.4, 7.1	`rgb(100%,20.4%,7.1%)`
CMYK	0, 80, 93, 0
HSL	8.6°, 100, 53.5	`hsl(8.6,100%,53.5%)`
HSV (or HSB)	8.6°, 92.9, 100
Web Safe	ff3300	`#ff3300`

CIE-LAB	55.852, 72.875, 64.035
XYZ	42.579, 23.765, 2.917
xyY	0.615, 0.343, 23.765
CIE-LCH	55.852, 97.012, 41.306
CIE-LUV	55.852, 159.593, 40.762
Hunter-Lab	48.749, 70.597, 30.576
Binary	11111111, 00110100, 00010010

#ff3412
```
#ff3412 rgb(255,52,18)
```
#12ddff
```
#12ddff rgb(18,221,255)
```

Complementary Color

#ff1267
```
#ff1267 rgb(255,18,103)
```
#ff3412
```
#ff3412 rgb(255,52,18)
```
#ffab12
```
#ffab12 rgb(255,171,18)
```

Analogous Color

#1267ff
```
#1267ff rgb(18,103,255)
```
#ff3412
```
#ff3412 rgb(255,52,18)
```
#12ffab
```
#12ffab rgb(18,255,171)
```

Split Complementary Color

#3412ff
```
#3412ff rgb(52,18,255)
```
#ff3412
```
#ff3412 rgb(255,52,18)
```
#12ff34
```
#12ff34 rgb(18,255,52)
```

Triadic Color

#ff12dd
```
#ff12dd rgb(255,18,221)
```
#ff3412
```
#ff3412 rgb(255,52,18)
```
#12ff34
```
#12ff34 rgb(18,255,52)
```
#12ddff
```
#12ddff rgb(18,221,255)
```

Tetradic Color

#c51c00
```
#c51c00 rgb(197,28,0)
```
#de2000
```
#de2000 rgb(222,32,0)
```
#f82400
```
#f82400 rgb(248,36,0)
```
#ff3412
```
#ff3412 rgb(255,52,18)
```
#ff4a2c
```
#ff4a2c rgb(255,74,44)
```
#ff6045
```
#ff6045 rgb(255,96,69)
```
#ff765f
```
#ff765f rgb(255,118,95)
```

Monochromatic Color

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

#ff122b
```
#ff122b rgb(255,18,43)
```
#ff1218
```
#ff1218 rgb(255,18,24)
```
#ff2012
```
#ff2012 rgb(255,32,18)
```
#ff3412
```
#ff3412 rgb(255,52,18)
```
#ff4812
```
#ff4812 rgb(255,72,18)
```
#ff5c12
```
#ff5c12 rgb(255,92,18)
```
#ff6f12
```
#ff6f12 rgb(255,111,18)
```

Similar Colors

Text with hexadecimal color #ff3412

This text has a font color of #ff3412.

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

#ff3412 background color

This paragraph has a background color of #ff3412.

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

#ff3412 border color

This element has a border color of #ff3412.

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

CSS codes

.text {color:#ff3412;}

.background {background-color:#ff3412;}

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

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)
```
#600e00
```
#600e00 rgb(96,14,0)
```
#741100
```
#741100 rgb(116,17,0)
```
#881300
```
#881300 rgb(136,19,0)
```
#9b1600
```
#9b1600 rgb(155,22,0)
```
#af1900
```
#af1900 rgb(175,25,0)
```
#c31c00
```
#c31c00 rgb(195,28,0)
```
#d61f00
```
#d61f00 rgb(214,31,0)
```
#ea2200
```
#ea2200 rgb(234,34,0)
```
#fd2400
```
#fd2400 rgb(253,36,0)
```

Shade Color Variation

#ff3412
```
#ff3412 rgb(255,52,18)
```
#ff4526
```
#ff4526 rgb(255,69,38)
```
#ff5639
```
#ff5639 rgb(255,86,57)
```
#ff664d
```
#ff664d rgb(255,102,77)
```
#ff7760
```
#ff7760 rgb(255,119,96)
```
#ff8874
```
#ff8874 rgb(255,136,116)
```
#ff9988
```
#ff9988 rgb(255,153,136)
```
#ffaa9b
```
#ffaa9b rgb(255,170,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 #ff3412 is the most saturated one.

#92827f
```
#92827f rgb(146,130,127)
```
#9b7c76
```
#9b7c76 rgb(155,124,118)
```
#a4756d
```
#a4756d rgb(164,117,109)
```
#ad6f64
```
#ad6f64 rgb(173,111,100)
```
#b6685b
```
#b6685b rgb(182,104,91)
```
#bf6252
```
#bf6252 rgb(191,98,82)
```
#c85b49
```
#c85b49 rgb(200,91,73)
```
#d15540
```
#d15540 rgb(209,85,64)
```
#db4e36
```
#db4e36 rgb(219,78,54)
```
#e4482d
```
#e4482d rgb(228,72,45)
```
#ed4124
```
#ed4124 rgb(237,65,36)
```
#f63b1b
```
#f63b1b rgb(246,59,27)
```
#ff3412
```
#ff3412 rgb(255,52,18)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#8a625b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8c2f Protanopia 1% of men
#af8500 Deuteranopia 1% of men
#ff3c3c Tritanopia 0.001% of the population

Trichromacy

#c06c24 Protanomaly 1% of men, 0.01% of women
#cc6706 Deuteranomaly 6% of men, 0.4% of women
#ff392d Tritanomaly 0.01% of the population

#ff3412 hex color

#ff3412 Color Information

#ff3412 Color Conversion

Color Schemes with #ff3412

Alternatives to #ff3412

#ff3412 Preview

Shades and Tints of #ff3412

Tones of #ff3412

Color Blindness Simulator