#ff6414 hex color

In a RGB color space, hex #ff6414 is composed of 100% red, 39.2% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.8% magenta, 92.2% yellow and 0% black. It has a hue angle of 20.4 degrees, a saturation of 100% and a lightness of 53.9%. #ff6414 color hex could be obtained by blending #ffc828 with #ff0000. Closest websafe color is: #ff6600.

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

● #ff6414 color description : Vivid orange.

The hexadecimal color #ff6414 has RGB values of R:255, G:100, B:20 and CMYK values of C:0, M:0.61, Y:0.92, K:0. Its decimal value is 16737300.

Hex triplet	ff6414	`#ff6414`
RGB Decimal	255, 100, 20	`rgb(255,100,20)`
RGB Percent	100, 39.2, 7.8	`rgb(100%,39.2%,7.8%)`
CMYK	0, 61, 92, 0
HSL	20.4°, 100, 53.9	`hsl(20.4,100%,53.9%)`
HSV (or HSB)	20.4°, 92.2, 100
Web Safe	ff6600	`#ff6600`

CIE-LAB	62.023, 56.044, 67.395
XYZ	45.926, 30.43, 4.117
xyY	0.571, 0.378, 30.43
CIE-LCH	62.023, 87.652, 50.254
CIE-LUV	62.023, 128.246, 51.388
Hunter-Lab	55.163, 52.072, 34.189
Binary	11111111, 01100100, 00010100

#ff6414
```
#ff6414 rgb(255,100,20)
```
#14afff
```
#14afff rgb(20,175,255)
```

Complementary Color

#ff143a
```
#ff143a rgb(255,20,58)
```
#ff6414
```
#ff6414 rgb(255,100,20)
```
#ffda14
```
#ffda14 rgb(255,218,20)
```

Analogous Color

#143aff
```
#143aff rgb(20,58,255)
```
#ff6414
```
#ff6414 rgb(255,100,20)
```
#14ffda
```
#14ffda rgb(20,255,218)
```

Split Complementary Color

#6414ff
```
#6414ff rgb(100,20,255)
```
#ff6414
```
#ff6414 rgb(255,100,20)
```
#14ff64
```
#14ff64 rgb(20,255,100)
```

Triadic Color

#ff14af
```
#ff14af rgb(255,20,175)
```
#ff6414
```
#ff6414 rgb(255,100,20)
```
#14ff64
```
#14ff64 rgb(20,255,100)
```
#14afff
```
#14afff rgb(20,175,255)
```

Tetradic Color

#c74400
```
#c74400 rgb(199,68,0)
```
#e04c00
```
#e04c00 rgb(224,76,0)
```
#fa5500
```
#fa5500 rgb(250,85,0)
```
#ff6414
```
#ff6414 rgb(255,100,20)
```
#ff752e
```
#ff752e rgb(255,117,46)
```
#ff8647
```
#ff8647 rgb(255,134,71)
```
#ff9661
```
#ff9661 rgb(255,150,97)
```

Monochromatic Color

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

#ff2914
```
#ff2914 rgb(255,41,20)
```
#ff3d14
```
#ff3d14 rgb(255,61,20)
```
#ff5014
```
#ff5014 rgb(255,80,20)
```
#ff6414
```
#ff6414 rgb(255,100,20)
```
#ff7814
```
#ff7814 rgb(255,120,20)
```
#ff8b14
```
#ff8b14 rgb(255,139,20)
```
#ff9f14
```
#ff9f14 rgb(255,159,20)
```

Similar Colors

Text with hexadecimal color #ff6414

This text has a font color of #ff6414.

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

#ff6414 background color

This paragraph has a background color of #ff6414.

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

#ff6414 border color

This element has a border color of #ff6414.

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

CSS codes

.text {color:#ff6414;}

.background {background-color:#ff6414;}

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

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 #fff2ec is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#140700
```
#140700 rgb(20,7,0)
```
#280d00
```
#280d00 rgb(40,13,0)
```
#3b1400
```
#3b1400 rgb(59,20,0)
```
#4f1b00
```
#4f1b00 rgb(79,27,0)
```
#622200
```
#622200 rgb(98,34,0)
```
#762800
```
#762800 rgb(118,40,0)
```
#8a2f00
```
#8a2f00 rgb(138,47,0)
```
#9d3600
```
#9d3600 rgb(157,54,0)
```
#b13c00
```
#b13c00 rgb(177,60,0)
```
#c54300
```
#c54300 rgb(197,67,0)
```
#d84a00
```
#d84a00 rgb(216,74,0)
```
#ec5000
```
#ec5000 rgb(236,80,0)
```

Shade Color Variation

#ff5700
```
#ff5700 rgb(255,87,0)
```
#ff6414
```
#ff6414 rgb(255,100,20)
```
#ff7128
```
#ff7128 rgb(255,113,40)
```
#ff7e3b
```
#ff7e3b rgb(255,126,59)
```
#ff8b4f
```
#ff8b4f rgb(255,139,79)
```
#ff9862
```
#ff9862 rgb(255,152,98)
```
#ffa576
```
#ffa576 rgb(255,165,118)
```
#ffb28a
```
#ffb28a rgb(255,178,138)
```
#ffbf9d
```
#ffbf9d rgb(255,191,157)
```
#ffccb1
```
#ffccb1 rgb(255,204,177)
```
#ffd8c5
```
#ffd8c5 rgb(255,216,197)
```
#ffe5d8
```
#ffe5d8 rgb(255,229,216)
```
#fff2ec
```
#fff2ec rgb(255,242,236)
```

Tint Color Variation

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

#938780
```
#938780 rgb(147,135,128)
```
#9c8477
```
#9c8477 rgb(156,132,119)
```
#a5816e
```
#a5816e rgb(165,129,110)
```
#ae7e65
```
#ae7e65 rgb(174,126,101)
```
#b77b5c
```
#b77b5c rgb(183,123,92)
```
#c07853
```
#c07853 rgb(192,120,83)
```
#c9754a
```
#c9754a rgb(201,117,74)
```
#d27241
```
#d27241 rgb(210,114,65)
```
#db7038
```
#db7038 rgb(219,112,56)
```
#e46d2f
```
#e46d2f rgb(228,109,47)
```
#ed6a26
```
#ed6a26 rgb(237,106,38)
```
#f6671d
```
#f6671d rgb(246,103,29)
```
#ff6414
```
#ff6414 rgb(255,100,20)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#a18272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9b2c Protanopia 1% of men
#c29300 Deuteranopia 1% of men
#ff676c Tritanopia 0.001% of the population

Trichromacy

#cb8723 Protanomaly 1% of men, 0.01% of women
#d88207 Deuteranomaly 6% of men, 0.4% of women
#ff664c Tritanomaly 0.01% of the population

#ff6414 hex color

#ff6414 Color Information

#ff6414 Color Conversion

Color Schemes with #ff6414

Alternatives to #ff6414

#ff6414 Preview

Shades and Tints of #ff6414

Tones of #ff6414

Color Blindness Simulator