#ffb342 hex color

In a RGB color space, hex #ffb342 is composed of 100% red, 70.2% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.8% magenta, 74.1% yellow and 0% black. It has a hue angle of 35.9 degrees, a saturation of 100% and a lightness of 62.9%. #ffb342 color hex could be obtained by blending #ffff84 with #ff6700. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 100
- G 70
- B 26
RGB color chart
- C 0
- M 30
- Y 74
- K 0
CMYK color chart

● #ffb342 color description : Light orange.

The hexadecimal color #ffb342 has RGB values of R:255, G:179, B:66 and CMYK values of C:0, M:0.3, Y:0.74, K:0. Its decimal value is 16757570.

Hex triplet	ffb342	`#ffb342`
RGB Decimal	255, 179, 66	`rgb(255,179,66)`
RGB Percent	100, 70.2, 25.9	`rgb(100%,70.2%,25.9%)`
CMYK	0, 30, 74, 0
HSL	35.9°, 100, 62.9	`hsl(35.9,100%,62.9%)`
HSV (or HSB)	35.9°, 74.1, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	78.402, 18.033, 65.599
XYZ	58.345, 53.897, 12.484
xyY	0.468, 0.432, 53.897
CIE-LCH	78.402, 68.033, 74.629
CIE-LUV	78.402, 61.408, 69.408
Hunter-Lab	73.415, 13.383, 41.308
Binary	11111111, 10110011, 01000010

#ffb342
```
#ffb342 rgb(255,179,66)
```
#428eff
```
#428eff rgb(66,142,255)
```

Complementary Color

#ff5542
```
#ff5542 rgb(255,85,66)
```
#ffb342
```
#ffb342 rgb(255,179,66)
```
#edff42
```
#edff42 rgb(237,255,66)
```

Analogous Color

#5442ff
```
#5442ff rgb(84,66,255)
```
#ffb342
```
#ffb342 rgb(255,179,66)
```
#42edff
```
#42edff rgb(66,237,255)
```

Split Complementary Color

#b342ff
```
#b342ff rgb(179,66,255)
```
#ffb342
```
#ffb342 rgb(255,179,66)
```
#42ffb3
```
#42ffb3 rgb(66,255,179)
```

Triadic Color

#ff428e
```
#ff428e rgb(255,66,142)
```
#ffb342
```
#ffb342 rgb(255,179,66)
```
#42ffb3
```
#42ffb3 rgb(66,255,179)
```
#428eff
```
#428eff rgb(66,142,255)
```

Tetradic Color

#f59200
```
#f59200 rgb(245,146,0)
```
#ff9e0f
```
#ff9e0f rgb(255,158,15)
```
#ffa929
```
#ffa929 rgb(255,169,41)
```
#ffb342
```
#ffb342 rgb(255,179,66)
```
#ffbd5c
```
#ffbd5c rgb(255,189,92)
```
#ffc875
```
#ffc875 rgb(255,200,117)
```
#ffd28f
```
#ffd28f rgb(255,210,143)
```

Monochromatic Color

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

#ff8442
```
#ff8442 rgb(255,132,66)
```
#ff9442
```
#ff9442 rgb(255,148,66)
```
#ffa342
```
#ffa342 rgb(255,163,66)
```
#ffb342
```
#ffb342 rgb(255,179,66)
```
#ffc342
```
#ffc342 rgb(255,195,66)
```
#ffd342
```
#ffd342 rgb(255,211,66)
```
#ffe242
```
#ffe242 rgb(255,226,66)
```

Similar Colors

Text with hexadecimal color #ffb342

This text has a font color of #ffb342.

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

#ffb342 background color

This paragraph has a background color of #ffb342.

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

#ffb342 border color

This element has a border color of #ffb342.

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

CSS codes

.text {color:#ffb342;}

.background {background-color:#ffb342;}

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

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

#070400
```
#070400 rgb(7,4,0)
```
#1b1000
```
#1b1000 rgb(27,16,0)
```
#2e1c00
```
#2e1c00 rgb(46,28,0)
```
#422700
```
#422700 rgb(66,39,0)
```
#563300
```
#563300 rgb(86,51,0)
```
#693f00
```
#693f00 rgb(105,63,0)
```
#7d4b00
```
#7d4b00 rgb(125,75,0)
```
#905600
```
#905600 rgb(144,86,0)
```
#a46200
```
#a46200 rgb(164,98,0)
```
#b86e00
```
#b86e00 rgb(184,110,0)
```
#cb7a00
```
#cb7a00 rgb(203,122,0)
```
#df8500
```
#df8500 rgb(223,133,0)
```
#f39100
```
#f39100 rgb(243,145,0)
```

Shade Color Variation

#ff9b07
```
#ff9b07 rgb(255,155,7)
```
#ffa31b
```
#ffa31b rgb(255,163,27)
```
#ffab2e
```
#ffab2e rgb(255,171,46)
```
#ffb342
```
#ffb342 rgb(255,179,66)
```
#ffbb56
```
#ffbb56 rgb(255,187,86)
```
#ffc369
```
#ffc369 rgb(255,195,105)
```
#ffcb7d
```
#ffcb7d rgb(255,203,125)
```
#ffd390
```
#ffd390 rgb(255,211,144)
```
#ffdaa4
```
#ffdaa4 rgb(255,218,164)
```
#ffe2b8
```
#ffe2b8 rgb(255,226,184)
```
#ffeacb
```
#ffeacb rgb(255,234,203)
```
#fff2df
```
#fff2df rgb(255,242,223)
```
#fffaf3
```
#fffaf3 rgb(255,250,243)
```

Tint Color Variation

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

#a8a299
```
#a8a299 rgb(168,162,153)
```
#afa392
```
#afa392 rgb(175,163,146)
```
#b6a58b
```
#b6a58b rgb(182,165,139)
```
#bea683
```
#bea683 rgb(190,166,131)
```
#c5a87c
```
#c5a87c rgb(197,168,124)
```
#cca975
```
#cca975 rgb(204,169,117)
```
#d3aa6e
```
#d3aa6e rgb(211,170,110)
```
#dbac66
```
#dbac66 rgb(219,172,102)
```
#e2ad5f
```
#e2ad5f rgb(226,173,95)
```
#e9af58
```
#e9af58 rgb(233,175,88)
```
#f0b051
```
#f0b051 rgb(240,176,81)
```
#f8b249
```
#f8b249 rgb(248,178,73)
```
#ffb342
```
#ffb342 rgb(255,179,66)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#cabba4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc54f Protanopia 1% of men
#f4bb49 Deuteranopia 1% of men
#ffafb9 Tritanopia 0.001% of the population

Trichromacy

#e8be4a Protanomaly 1% of men, 0.01% of women
#f8b846 Deuteranomaly 6% of men, 0.4% of women
#ffb08e Tritanomaly 0.01% of the population

#ffb342 hex color

#ffb342 Color Information

#ffb342 Color Conversion

Color Schemes with #ffb342

Alternatives to #ffb342

#ffb342 Preview

Shades and Tints of #ffb342

Tones of #ffb342

Color Blindness Simulator