#ff6f0e hex color

In a RGB color space, hex #ff6f0e is composed of 100% red, 43.5% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.5% magenta, 94.5% yellow and 0% black. It has a hue angle of 24.1 degrees, a saturation of 100% and a lightness of 52.7%. #ff6f0e color hex could be obtained by blending #ffde1c with #ff0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 100
- G 44
- B 5
RGB color chart
- C 0
- M 56
- Y 95
- K 0
CMYK color chart

● #ff6f0e color description : Vivid orange.

The hexadecimal color #ff6f0e has RGB values of R:255, G:111, B:14 and CMYK values of C:0, M:0.56, Y:0.95, K:0. Its decimal value is 16740110.

Hex triplet	ff6f0e	`#ff6f0e`
RGB Decimal	255, 111, 14	`rgb(255,111,14)`
RGB Percent	100, 43.5, 5.5	`rgb(100%,43.5%,5.5%)`
CMYK	0, 56, 95, 0
HSL	24.1°, 100, 52.7	`hsl(24.1,100%,52.7%)`
HSV (or HSB)	24.1°, 94.5, 100
Web Safe	ff6600	`#ff6600`

CIE-LAB	63.889, 51.054, 69.922
XYZ	47.006, 32.666, 4.245
xyY	0.56, 0.389, 32.666
CIE-LCH	63.889, 86.577, 53.865
CIE-LUV	63.889, 119.76, 55.197
Hunter-Lab	57.154, 46.787, 35.604
Binary	11111111, 01101111, 00001110

#ff6f0e
```
#ff6f0e rgb(255,111,14)
```
#0e9eff
```
#0e9eff rgb(14,158,255)
```

Complementary Color

#ff0e26
```
#ff0e26 rgb(255,14,38)
```
#ff6f0e
```
#ff6f0e rgb(255,111,14)
```
#ffe80e
```
#ffe80e rgb(255,232,14)
```

Analogous Color

#0e26ff
```
#0e26ff rgb(14,38,255)
```
#ff6f0e
```
#ff6f0e rgb(255,111,14)
```
#0effe8
```
#0effe8 rgb(14,255,232)
```

Split Complementary Color

#6f0eff
```
#6f0eff rgb(111,14,255)
```
#ff6f0e
```
#ff6f0e rgb(255,111,14)
```
#0eff6f
```
#0eff6f rgb(14,255,111)
```

Triadic Color

#ff0e9e
```
#ff0e9e rgb(255,14,158)
```
#ff6f0e
```
#ff6f0e rgb(255,111,14)
```
#0eff6f
```
#0eff6f rgb(14,255,111)
```
#0e9eff
```
#0e9eff rgb(14,158,255)
```

Tetradic Color

#c14d00
```
#c14d00 rgb(193,77,0)
```
#da5800
```
#da5800 rgb(218,88,0)
```
#f46200
```
#f46200 rgb(244,98,0)
```
#ff6f0e
```
#ff6f0e rgb(255,111,14)
```
#ff7e28
```
#ff7e28 rgb(255,126,40)
```
#ff8d41
```
#ff8d41 rgb(255,141,65)
```
#ff9d5b
```
#ff9d5b rgb(255,157,91)
```

Monochromatic Color

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

#ff330e
```
#ff330e rgb(255,51,14)
```
#ff470e
```
#ff470e rgb(255,71,14)
```
#ff5b0e
```
#ff5b0e rgb(255,91,14)
```
#ff6f0e
```
#ff6f0e rgb(255,111,14)
```
#ff830e
```
#ff830e rgb(255,131,14)
```
#ff970e
```
#ff970e rgb(255,151,14)
```
#ffab0e
```
#ffab0e rgb(255,171,14)
```

Similar Colors

Text with hexadecimal color #ff6f0e

This text has a font color of #ff6f0e.

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

#ff6f0e background color

This paragraph has a background color of #ff6f0e.

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

#ff6f0e border color

This element has a border color of #ff6f0e.

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

CSS codes

.text {color:#ff6f0e;}

.background {background-color:#ff6f0e;}

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

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

#0e0600
```
#0e0600 rgb(14,6,0)
```
#220e00
```
#220e00 rgb(34,14,0)
```
#351500
```
#351500 rgb(53,21,0)
```
#491d00
```
#491d00 rgb(73,29,0)
```
#5c2500
```
#5c2500 rgb(92,37,0)
```
#702d00
```
#702d00 rgb(112,45,0)
```
#843500
```
#843500 rgb(132,53,0)
```
#973d00
```
#973d00 rgb(151,61,0)
```
#ab4500
```
#ab4500 rgb(171,69,0)
```
#bf4d00
```
#bf4d00 rgb(191,77,0)
```
#d25500
```
#d25500 rgb(210,85,0)
```
#e65c00
```
#e65c00 rgb(230,92,0)
```
#f96400
```
#f96400 rgb(249,100,0)
```

Shade Color Variation

#ff6f0e
```
#ff6f0e rgb(255,111,14)
```
#ff7b22
```
#ff7b22 rgb(255,123,34)
```
#ff8635
```
#ff8635 rgb(255,134,53)
```
#ff9249
```
#ff9249 rgb(255,146,73)
```
#ff9e5c
```
#ff9e5c rgb(255,158,92)
```
#ffaa70
```
#ffaa70 rgb(255,170,112)
```
#ffb584
```
#ffb584 rgb(255,181,132)
```
#ffc197
```
#ffc197 rgb(255,193,151)
```
#ffcdab
```
#ffcdab rgb(255,205,171)
```
#ffd8bf
```
#ffd8bf rgb(255,216,191)
```
#ffe4d2
```
#ffe4d2 rgb(255,228,210)
```
#fff0e6
```
#fff0e6 rgb(255,240,230)
```
#fffcf9
```
#fffcf9 rgb(255,252,249)
```

Tint Color Variation

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

#90857d
```
#90857d rgb(144,133,125)
```
#998374
```
#998374 rgb(153,131,116)
```
#a2816b
```
#a2816b rgb(162,129,107)
```
#ac7f61
```
#ac7f61 rgb(172,127,97)
```
#b57d58
```
#b57d58 rgb(181,125,88)
```
#be7c4f
```
#be7c4f rgb(190,124,79)
```
#c77a46
```
#c77a46 rgb(199,122,70)
```
#d1783c
```
#d1783c rgb(209,120,60)
```
#da7633
```
#da7633 rgb(218,118,51)
```
#e3742a
```
#e3742a rgb(227,116,42)
```
#ec7321
```
#ec7321 rgb(236,115,33)
```
#f67117
```
#f67117 rgb(246,113,23)
```
#ff6f0e
```
#ff6f0e rgb(255,111,14)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#a58975 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a026 Protanopia 1% of men
#c89800 Deuteranopia 1% of men
#ff7177 Tritanopia 0.001% of the population

Trichromacy

#ce8e1d Protanomaly 1% of men, 0.01% of women
#dc8905 Deuteranomaly 6% of men, 0.4% of women
#ff7051 Tritanomaly 0.01% of the population

#ff6f0e hex color

#ff6f0e Color Information

#ff6f0e Color Conversion

Color Schemes with #ff6f0e

Alternatives to #ff6f0e

#ff6f0e Preview

Shades and Tints of #ff6f0e

Tones of #ff6f0e

Color Blindness Simulator