#ff942e hex color

In a RGB color space, hex #ff942e is composed of 100% red, 58% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42% magenta, 82% yellow and 0% black. It has a hue angle of 29.3 degrees, a saturation of 100% and a lightness of 59%. #ff942e color hex could be obtained by blending #ffff5c with #ff2900. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 100
- G 58
- B 18
RGB color chart
- C 0
- M 42
- Y 82
- K 0
CMYK color chart

● #ff942e color description : Vivid orange.

The hexadecimal color #ff942e has RGB values of R:255, G:148, B:46 and CMYK values of C:0, M:0.42, Y:0.82, K:0. Its decimal value is 16749614.

Hex triplet	ff942e	`#ff942e`
RGB Decimal	255, 148, 46	`rgb(255,148,46)`
RGB Percent	100, 58, 18	`rgb(100%,58%,18%)`
CMYK	0, 42, 82, 0
HSL	29.3°, 100, 59	`hsl(29.3,100%,59%)`
HSV (or HSB)	29.3°, 82, 100
Web Safe	ff9933	`#ff9933`

CIE-LAB	71.311, 33.448, 66.561
XYZ	52.325, 42.641, 8.06
xyY	0.508, 0.414, 42.641
CIE-LCH	71.311, 74.493, 63.32
CIE-LUV	71.311, 87.537, 62.636
Hunter-Lab	65.3, 28.755, 38.392
Binary	11111111, 10010100, 00101110

#ff942e
```
#ff942e rgb(255,148,46)
```
#2e99ff
```
#2e99ff rgb(46,153,255)
```

Complementary Color

#ff2e31
```
#ff2e31 rgb(255,46,49)
```
#ff942e
```
#ff942e rgb(255,148,46)
```
#fffd2e
```
#fffd2e rgb(255,253,46)
```

Analogous Color

#2e31ff
```
#2e31ff rgb(46,49,255)
```
#ff942e
```
#ff942e rgb(255,148,46)
```
#2efffd
```
#2efffd rgb(46,255,253)
```

Split Complementary Color

#942eff
```
#942eff rgb(148,46,255)
```
#ff942e
```
#ff942e rgb(255,148,46)
```
#2eff94
```
#2eff94 rgb(46,255,148)
```

Triadic Color

#ff2e99
```
#ff2e99 rgb(255,46,153)
```
#ff942e
```
#ff942e rgb(255,148,46)
```
#2eff94
```
#2eff94 rgb(46,255,148)
```
#2e99ff
```
#2e99ff rgb(46,153,255)
```

Tetradic Color

#e16e00
```
#e16e00 rgb(225,110,0)
```
#fa7a00
```
#fa7a00 rgb(250,122,0)
```
#ff8715
```
#ff8715 rgb(255,135,21)
```
#ff942e
```
#ff942e rgb(255,148,46)
```
#ffa148
```
#ffa148 rgb(255,161,72)
```
#ffae61
```
#ffae61 rgb(255,174,97)
```
#ffbb7b
```
#ffbb7b rgb(255,187,123)
```

Monochromatic Color

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

#ff602e
```
#ff602e rgb(255,96,46)
```
#ff712e
```
#ff712e rgb(255,113,46)
```
#ff832e
```
#ff832e rgb(255,131,46)
```
#ff942e
```
#ff942e rgb(255,148,46)
```
#ffa52e
```
#ffa52e rgb(255,165,46)
```
#ffb72e
```
#ffb72e rgb(255,183,46)
```
#ffc82e
```
#ffc82e rgb(255,200,46)
```

Similar Colors

Text with hexadecimal color #ff942e

This text has a font color of #ff942e.

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

#ff942e background color

This paragraph has a background color of #ff942e.

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

#ff942e border color

This element has a border color of #ff942e.

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

CSS codes

.text {color:#ff942e;}

.background {background-color:#ff942e;}

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

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

#070300
```
#070300 rgb(7,3,0)
```
#1a0d00
```
#1a0d00 rgb(26,13,0)
```
#2e1600
```
#2e1600 rgb(46,22,0)
```
#422000
```
#422000 rgb(66,32,0)
```
#552a00
```
#552a00 rgb(85,42,0)
```
#693300
```
#693300 rgb(105,51,0)
```
#7c3d00
```
#7c3d00 rgb(124,61,0)
```
#904600
```
#904600 rgb(144,70,0)
```
#a45000
```
#a45000 rgb(164,80,0)
```
#b75900
```
#b75900 rgb(183,89,0)
```
#cb6300
```
#cb6300 rgb(203,99,0)
```
#df6d00
```
#df6d00 rgb(223,109,0)
```
#f27600
```
#f27600 rgb(242,118,0)
```

Shade Color Variation

#ff8007
```
#ff8007 rgb(255,128,7)
```
#ff8a1a
```
#ff8a1a rgb(255,138,26)
```
#ff942e
```
#ff942e rgb(255,148,46)
```
#ff9e42
```
#ff9e42 rgb(255,158,66)
```
#ffa855
```
#ffa855 rgb(255,168,85)
```
#ffb269
```
#ffb269 rgb(255,178,105)
```
#ffbc7c
```
#ffbc7c rgb(255,188,124)
```
#ffc690
```
#ffc690 rgb(255,198,144)
```
#ffd0a4
```
#ffd0a4 rgb(255,208,164)
```
#ffdab7
```
#ffdab7 rgb(255,218,183)
```
#ffe4cb
```
#ffe4cb rgb(255,228,203)
```
#ffeedf
```
#ffeedf rgb(255,238,223)
```
#fff8f2
```
#fff8f2 rgb(255,248,242)
```

Tint Color Variation

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

#9f968e
```
#9f968e rgb(159,150,142)
```
#a79686
```
#a79686 rgb(167,150,134)
```
#af967e
```
#af967e rgb(175,150,126)
```
#b79676
```
#b79676 rgb(183,150,118)
```
#bf966e
```
#bf966e rgb(191,150,110)
```
#c79566
```
#c79566 rgb(199,149,102)
```
#cf955e
```
#cf955e rgb(207,149,94)
```
#d79556
```
#d79556 rgb(215,149,86)
```
#df954e
```
#df954e rgb(223,149,78)
```
#e79546
```
#e79546 rgb(231,149,70)
```
#ef943e
```
#ef943e rgb(239,148,62)
```
#f79436
```
#f79436 rgb(247,148,54)
```
#ff942e
```
#ff942e rgb(255,148,46)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#b9a490 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b33f Protanopia 1% of men
#deaa30 Deuteranopia 1% of men
#ff939b Tritanopia 0.001% of the population

Trichromacy

#dba739 Protanomaly 1% of men, 0.01% of women
#eaa22f Deuteranomaly 6% of men, 0.4% of women
#ff9373 Tritanomaly 0.01% of the population

#ff942e hex color

#ff942e Color Information

#ff942e Color Conversion

Color Schemes with #ff942e

Alternatives to #ff942e

#ff942e Preview

Shades and Tints of #ff942e

Tones of #ff942e

Color Blindness Simulator