#ff3c14 hex color

In a RGB color space, hex #ff3c14 is composed of 100% red, 23.5% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.5% magenta, 92.2% yellow and 0% black. It has a hue angle of 10.2 degrees, a saturation of 100% and a lightness of 53.9%. #ff3c14 color hex could be obtained by blending #ff7828 with #ff0000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 100
- G 24
- B 8
RGB color chart
- C 0
- M 76
- Y 92
- K 0
CMYK color chart

● #ff3c14 color description : Vivid red.

The hexadecimal color #ff3c14 has RGB values of R:255, G:60, B:20 and CMYK values of C:0, M:0.76, Y:0.92, K:0. Its decimal value is 16727060.

Hex triplet	ff3c14	`#ff3c14`
RGB Decimal	255, 60, 20	`rgb(255,60,20)`
RGB Percent	100, 23.5, 7.8	`rgb(100%,23.5%,7.8%)`
CMYK	0, 76, 92, 0
HSL	10.2°, 100, 53.9	`hsl(10.2,100%,53.9%)`
HSV (or HSB)	10.2°, 92.2, 100
Web Safe	ff3300	`#ff3300`

CIE-LAB	56.632, 70.722, 63.917
XYZ	42.984, 24.548, 3.137
xyY	0.608, 0.347, 24.548
CIE-LCH	56.632, 95.325, 42.107
CIE-LUV	56.632, 155.299, 41.907
Hunter-Lab	49.546, 68.157, 30.928
Binary	11111111, 00111100, 00010100

#ff3c14
```
#ff3c14 rgb(255,60,20)
```
#14d7ff
```
#14d7ff rgb(20,215,255)
```

Complementary Color

#ff1462
```
#ff1462 rgb(255,20,98)
```
#ff3c14
```
#ff3c14 rgb(255,60,20)
```
#ffb214
```
#ffb214 rgb(255,178,20)
```

Analogous Color

#1462ff
```
#1462ff rgb(20,98,255)
```
#ff3c14
```
#ff3c14 rgb(255,60,20)
```
#14ffb2
```
#14ffb2 rgb(20,255,178)
```

Split Complementary Color

#3c14ff
```
#3c14ff rgb(60,20,255)
```
#ff3c14
```
#ff3c14 rgb(255,60,20)
```
#14ff3c
```
#14ff3c rgb(20,255,60)
```

Triadic Color

#ff14d7
```
#ff14d7 rgb(255,20,215)
```
#ff3c14
```
#ff3c14 rgb(255,60,20)
```
#14ff3c
```
#14ff3c rgb(20,255,60)
```
#14d7ff
```
#14d7ff rgb(20,215,255)
```

Tetradic Color

#c72200
```
#c72200 rgb(199,34,0)
```
#e02600
```
#e02600 rgb(224,38,0)
```
#fa2a00
```
#fa2a00 rgb(250,42,0)
```
#ff3c14
```
#ff3c14 rgb(255,60,20)
```
#ff512e
```
#ff512e rgb(255,81,46)
```
#ff6647
```
#ff6647 rgb(255,102,71)
```
#ff7b61
```
#ff7b61 rgb(255,123,97)
```

Monochromatic Color

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

#ff1427
```
#ff1427 rgb(255,20,39)
```
#ff1514
```
#ff1514 rgb(255,21,20)
```
#ff2814
```
#ff2814 rgb(255,40,20)
```
#ff3c14
```
#ff3c14 rgb(255,60,20)
```
#ff5014
```
#ff5014 rgb(255,80,20)
```
#ff6314
```
#ff6314 rgb(255,99,20)
```
#ff7714
```
#ff7714 rgb(255,119,20)
```

Similar Colors

Text with hexadecimal color #ff3c14

This text has a font color of #ff3c14.

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

#ff3c14 background color

This paragraph has a background color of #ff3c14.

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

#ff3c14 border color

This element has a border color of #ff3c14.

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

CSS codes

.text {color:#ff3c14;}

.background {background-color:#ff3c14;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#140300
```
#140300 rgb(20,3,0)
```
#280700
```
#280700 rgb(40,7,0)
```
#3b0a00
```
#3b0a00 rgb(59,10,0)
```
#4f0d00
```
#4f0d00 rgb(79,13,0)
```
#621100
```
#621100 rgb(98,17,0)
```
#761400
```
#761400 rgb(118,20,0)
```
#8a1700
```
#8a1700 rgb(138,23,0)
```
#9d1b00
```
#9d1b00 rgb(157,27,0)
```
#b11e00
```
#b11e00 rgb(177,30,0)
```
#c52100
```
#c52100 rgb(197,33,0)
```
#d82500
```
#d82500 rgb(216,37,0)
```
#ec2800
```
#ec2800 rgb(236,40,0)
```

Shade Color Variation

#ff2c00
```
#ff2c00 rgb(255,44,0)
```
#ff3c14
```
#ff3c14 rgb(255,60,20)
```
#ff4c28
```
#ff4c28 rgb(255,76,40)
```
#ff5d3b
```
#ff5d3b rgb(255,93,59)
```
#ff6d4f
```
#ff6d4f rgb(255,109,79)
```
#ff7d62
```
#ff7d62 rgb(255,125,98)
```
#ff8d76
```
#ff8d76 rgb(255,141,118)
```
#ff9e8a
```
#ff9e8a rgb(255,158,138)
```
#ffae9d
```
#ffae9d rgb(255,174,157)
```
#ffbeb1
```
#ffbeb1 rgb(255,190,177)
```
#ffcec5
```
#ffcec5 rgb(255,206,197)
```
#ffdfd8
```
#ffdfd8 rgb(255,223,216)
```
#ffefec
```
#ffefec rgb(255,239,236)
```

Tint Color Variation

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

#938480
```
#938480 rgb(147,132,128)
```
#9c7e77
```
#9c7e77 rgb(156,126,119)
```
#a5786e
```
#a5786e rgb(165,120,110)
```
#ae7265
```
#ae7265 rgb(174,114,101)
```
#b76c5c
```
#b76c5c rgb(183,108,92)
```
#c06653
```
#c06653 rgb(192,102,83)
```
#c9604a
```
#c9604a rgb(201,96,74)
```
#d25a41
```
#d25a41 rgb(210,90,65)
```
#db5438
```
#db5438 rgb(219,84,56)
```
#e44e2f
```
#e44e2f rgb(228,78,47)
```
#ed4826
```
#ed4826 rgb(237,72,38)
```
#f6421d
```
#f6421d rgb(246,66,29)
```
#ff3c14
```
#ff3c14 rgb(255,60,20)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#8e675f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e30 Protanopia 1% of men
#b18700 Deuteranopia 1% of men
#ff4345 Tritanopia 0.001% of the population

Trichromacy

#c17026 Protanomaly 1% of men, 0.01% of women
#cd6b07 Deuteranomaly 6% of men, 0.4% of women
#ff4033 Tritanomaly 0.01% of the population

#ff3c14 hex color

#ff3c14 Color Information

#ff3c14 Color Conversion

Color Schemes with #ff3c14

Alternatives to #ff3c14

#ff3c14 Preview

Shades and Tints of #ff3c14

Tones of #ff3c14

Color Blindness Simulator