#ff942b hex color

In a RGB color space, hex #ff942b is composed of 100% red, 58% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42% magenta, 83.1% yellow and 0% black. It has a hue angle of 29.7 degrees, a saturation of 100% and a lightness of 58.4%. #ff942b color hex could be obtained by blending #ffff56 with #ff2900. Closest websafe color is: #ff9933.

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

● #ff942b color description : Vivid orange.

The hexadecimal color #ff942b has RGB values of R:255, G:148, B:43 and CMYK values of C:0, M:0.42, Y:0.83, K:0. Its decimal value is 16749611.

Hex triplet	ff942b	`#ff942b`
RGB Decimal	255, 148, 43	`rgb(255,148,43)`
RGB Percent	100, 58, 16.9	`rgb(100%,58%,16.9%)`
CMYK	0, 42, 83, 0
HSL	29.7°, 100, 58.4	`hsl(29.7,100%,58.4%)`
HSV (or HSB)	29.7°, 83.1, 100
Web Safe	ff9933	`#ff9933`

CIE-LAB	71.295, 33.366, 67.592
XYZ	52.268, 42.619, 7.759
xyY	0.509, 0.415, 42.619
CIE-LCH	71.295, 75.379, 63.727
CIE-LUV	71.295, 87.715, 63.26
Hunter-Lab	65.283, 28.668, 38.651
Binary	11111111, 10010100, 00101011

#ff942b
```
#ff942b rgb(255,148,43)
```
#2b96ff
```
#2b96ff rgb(43,150,255)
```

Complementary Color

#ff2b2c
```
#ff2b2c rgb(255,43,44)
```
#ff942b
```
#ff942b rgb(255,148,43)
```
#fffe2b
```
#fffe2b rgb(255,254,43)
```

Analogous Color

#2b2cff
```
#2b2cff rgb(43,44,255)
```
#ff942b
```
#ff942b rgb(255,148,43)
```
#2bfffe
```
#2bfffe rgb(43,255,254)
```

Split Complementary Color

#942bff
```
#942bff rgb(148,43,255)
```
#ff942b
```
#ff942b rgb(255,148,43)
```
#2bff94
```
#2bff94 rgb(43,255,148)
```

Triadic Color

#ff2b96
```
#ff2b96 rgb(255,43,150)
```
#ff942b
```
#ff942b rgb(255,148,43)
```
#2bff94
```
#2bff94 rgb(43,255,148)
```
#2b96ff
```
#2b96ff rgb(43,150,255)
```

Tetradic Color

#de6e00
```
#de6e00 rgb(222,110,0)
```
#f77a00
```
#f77a00 rgb(247,122,0)
```
#ff8712
```
#ff8712 rgb(255,135,18)
```
#ff942b
```
#ff942b rgb(255,148,43)
```
#ffa145
```
#ffa145 rgb(255,161,69)
```
#ffae5e
```
#ffae5e rgb(255,174,94)
```
#ffbb78
```
#ffbb78 rgb(255,187,120)
```

Monochromatic Color

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

#ff5f2b
```
#ff5f2b rgb(255,95,43)
```
#ff712b
```
#ff712b rgb(255,113,43)
```
#ff822b
```
#ff822b rgb(255,130,43)
```
#ff942b
```
#ff942b rgb(255,148,43)
```
#ffa62b
```
#ffa62b rgb(255,166,43)
```
#ffb72b
```
#ffb72b rgb(255,183,43)
```
#ffc92b
```
#ffc92b rgb(255,201,43)
```

Similar Colors

Text with hexadecimal color #ff942b

This text has a font color of #ff942b.

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

#ff942b background color

This paragraph has a background color of #ff942b.

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

#ff942b border color

This element has a border color of #ff942b.

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

CSS codes

.text {color:#ff942b;}

.background {background-color:#ff942b;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#170c00
```
#170c00 rgb(23,12,0)
```
#2b1500
```
#2b1500 rgb(43,21,0)
```
#3f1f00
```
#3f1f00 rgb(63,31,0)
```
#522900
```
#522900 rgb(82,41,0)
```
#663200
```
#663200 rgb(102,50,0)
```
#793c00
```
#793c00 rgb(121,60,0)
```
#8d4600
```
#8d4600 rgb(141,70,0)
```
#a15000
```
#a15000 rgb(161,80,0)
```
#b45900
```
#b45900 rgb(180,89,0)
```
#c86300
```
#c86300 rgb(200,99,0)
```
#dc6d00
```
#dc6d00 rgb(220,109,0)
```
#ef7600
```
#ef7600 rgb(239,118,0)
```

Shade Color Variation

#ff8004
```
#ff8004 rgb(255,128,4)
```
#ff8a17
```
#ff8a17 rgb(255,138,23)
```
#ff942b
```
#ff942b rgb(255,148,43)
```
#ff9e3f
```
#ff9e3f rgb(255,158,63)
```
#ffa852
```
#ffa852 rgb(255,168,82)
```
#ffb266
```
#ffb266 rgb(255,178,102)
```
#ffbc79
```
#ffbc79 rgb(255,188,121)
```
#ffc68d
```
#ffc68d rgb(255,198,141)
```
#ffcfa1
```
#ffcfa1 rgb(255,207,161)
```
#ffd9b4
```
#ffd9b4 rgb(255,217,180)
```
#ffe3c8
```
#ffe3c8 rgb(255,227,200)
```
#ffeddc
```
#ffeddc rgb(255,237,220)
```
#fff7ef
```
#fff7ef rgb(255,247,239)
```

Tint Color Variation

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

#9d958d
```
#9d958d rgb(157,149,141)
```
#a59585
```
#a59585 rgb(165,149,133)
```
#ad957d
```
#ad957d rgb(173,149,125)
```
#b69574
```
#b69574 rgb(182,149,116)
```
#be956c
```
#be956c rgb(190,149,108)
```
#c69564
```
#c69564 rgb(198,149,100)
```
#ce945c
```
#ce945c rgb(206,148,92)
```
#d69454
```
#d69454 rgb(214,148,84)
```
#de944c
```
#de944c rgb(222,148,76)
```
#e79443
```
#e79443 rgb(231,148,67)
```
#ef943b
```
#ef943b rgb(239,148,59)
```
#f79433
```
#f79433 rgb(247,148,51)
```
#ff942b
```
#ff942b rgb(255,148,43)
```

Tone Color Variation

Below, you can see how #ff942b 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
#b9a48f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b33c Protanopia 1% of men
#deaa2d Deuteranopia 1% of men
#ff939b Tritanopia 0.001% of the population

Trichromacy

#dba736 Protanomaly 1% of men, 0.01% of women
#eaa22c Deuteranomaly 6% of men, 0.4% of women
#ff9372 Tritanomaly 0.01% of the population

#ff942b hex color

#ff942b Color Information

#ff942b Color Conversion

Color Schemes with #ff942b

Alternatives to #ff942b

#ff942b Preview

Shades and Tints of #ff942b

Tones of #ff942b

Color Blindness Simulator