#f7b142 hex color

In a RGB color space, hex #f7b142 is composed of 96.9% red, 69.4% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.3% magenta, 73.3% yellow and 3.1% black. It has a hue angle of 36.8 degrees, a saturation of 91.9% and a lightness of 61.4%. #f7b142 color hex could be obtained by blending #ffff84 with #ef6300. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 97
- G 69
- B 26
RGB color chart
- C 0
- M 28
- Y 73
- K 3
CMYK color chart

● #f7b142 color description : Bright orange.

The hexadecimal color #f7b142 has RGB values of R:247, G:177, B:66 and CMYK values of C:0, M:0.28, Y:0.73, K:0.03. Its decimal value is 16232770.

Hex triplet	f7b142	`#f7b142`
RGB Decimal	247, 177, 66	`rgb(247,177,66)`
RGB Percent	96.9, 69.4, 25.9	`rgb(96.9%,69.4%,25.9%)`
CMYK	0, 28, 73, 3
HSL	36.8°, 91.9, 61.4	`hsl(36.8,91.9%,61.4%)`
HSV (or HSB)	36.8°, 73.3, 96.9
Web Safe	ff9933	`#ff9933`

CIE-LAB	77.05, 15.741, 63.968
XYZ	55.064, 51.615, 12.217
xyY	0.463, 0.434, 51.615
CIE-LCH	77.05, 65.877, 76.176
CIE-LUV	77.05, 56.61, 68.229
Hunter-Lab	71.844, 11.085, 40.209
Binary	11110111, 10110001, 01000010

#f7b142
```
#f7b142 rgb(247,177,66)
```
#4288f7
```
#4288f7 rgb(66,136,247)
```

Complementary Color

#f75642
```
#f75642 rgb(247,86,66)
```
#f7b142
```
#f7b142 rgb(247,177,66)
```
#e3f742
```
#e3f742 rgb(227,247,66)
```

Analogous Color

#5742f7
```
#5742f7 rgb(87,66,247)
```
#f7b142
```
#f7b142 rgb(247,177,66)
```
#42e3f7
```
#42e3f7 rgb(66,227,247)
```

Split Complementary Color

#b142f7
```
#b142f7 rgb(177,66,247)
```
#f7b142
```
#f7b142 rgb(247,177,66)
```
#42f7b1
```
#42f7b1 rgb(66,247,177)
```

Triadic Color

#f74288
```
#f74288 rgb(247,66,136)
```
#f7b142
```
#f7b142 rgb(247,177,66)
```
#42f7b1
```
#42f7b1 rgb(66,247,177)
```
#4288f7
```
#4288f7 rgb(66,136,247)
```

Tetradic Color

#e38f0a
```
#e38f0a rgb(227,143,10)
```
#f59d11
```
#f59d11 rgb(245,157,17)
```
#f6a72a
```
#f6a72a rgb(246,167,42)
```
#f7b142
```
#f7b142 rgb(247,177,66)
```
#f8bb5a
```
#f8bb5a rgb(248,187,90)
```
#f9c573
```
#f9c573 rgb(249,197,115)
```
#facf8b
```
#facf8b rgb(250,207,139)
```

Monochromatic Color

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

#f78442
```
#f78442 rgb(247,132,66)
```
#f79342
```
#f79342 rgb(247,147,66)
```
#f7a242
```
#f7a242 rgb(247,162,66)
```
#f7b142
```
#f7b142 rgb(247,177,66)
```
#f7c042
```
#f7c042 rgb(247,192,66)
```
#f7cf42
```
#f7cf42 rgb(247,207,66)
```
#f7de42
```
#f7de42 rgb(247,222,66)
```

Similar Colors

Text with hexadecimal color #f7b142

This text has a font color of #f7b142.

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

#f7b142 background color

This paragraph has a background color of #f7b142.

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

#f7b142 border color

This element has a border color of #f7b142.

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

CSS codes

.text {color:#f7b142;}

.background {background-color:#f7b142;}

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

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, #120b01 is the darkest color, while #fffffe is the lightest one.

#120b01
```
#120b01 rgb(18,11,1)
```
#251702
```
#251702 rgb(37,23,2)
```
#382302
```
#382302 rgb(56,35,2)
```
#4a2f03
```
#4a2f03 rgb(74,47,3)
```
#5d3b04
```
#5d3b04 rgb(93,59,4)
```
#704705
```
#704705 rgb(112,71,5)
```
#835206
```
#835206 rgb(131,82,6)
```
#965e06
```
#965e06 rgb(150,94,6)
```
#a96a07
```
#a96a07 rgb(169,106,7)
```
#bb7608
```
#bb7608 rgb(187,118,8)
```
#ce8209
```
#ce8209 rgb(206,130,9)
```
#e18e0a
```
#e18e0a rgb(225,142,10)
```
#f49a0a
```
#f49a0a rgb(244,154,10)
```

Shade Color Variation

#f5a11c
```
#f5a11c rgb(245,161,28)
```
#f6a92f
```
#f6a92f rgb(246,169,47)
```
#f7b142
```
#f7b142 rgb(247,177,66)
```
#f8b955
```
#f8b955 rgb(248,185,85)
```
#f9c168
```
#f9c168 rgb(249,193,104)
```
#f9c87a
```
#f9c87a rgb(249,200,122)
```
#fad08d
```
#fad08d rgb(250,208,141)
```
#fbd8a0
```
#fbd8a0 rgb(251,216,160)
```
#fce0b3
```
#fce0b3 rgb(252,224,179)
```
#fde7c6
```
#fde7c6 rgb(253,231,198)
```
#fdefd9
```
#fdefd9 rgb(253,239,217)
```
#fef7eb
```
#fef7eb rgb(254,247,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#a49e95
```
#a49e95 rgb(164,158,149)
```
#aba08e
```
#aba08e rgb(171,160,142)
```
#b3a286
```
#b3a286 rgb(179,162,134)
```
#baa37f
```
#baa37f rgb(186,163,127)
```
#c2a577
```
#c2a577 rgb(194,165,119)
```
#caa76f
```
#caa76f rgb(202,167,111)
```
#d1a868
```
#d1a868 rgb(209,168,104)
```
#d9aa60
```
#d9aa60 rgb(217,170,96)
```
#e0ac59
```
#e0ac59 rgb(224,172,89)
```
#e8ae51
```
#e8ae51 rgb(232,174,81)
```
#efaf4a
```
#efaf4a rgb(239,175,74)
```
#f7b142
```
#f7b142 rgb(247,177,66)
```
#ffb33a
```
#ffb33a rgb(255,179,58)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#c5b7a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c14f Protanopia 1% of men
#efb84a Deuteranopia 1% of men
#feaab5 Tritanopia 0.001% of the population

Trichromacy

#e2bb4a Protanomaly 1% of men, 0.01% of women
#f2b547 Deuteranomaly 6% of men, 0.4% of women
#fcac8b Tritanomaly 0.01% of the population

#f7b142 hex color

#f7b142 Color Information

#f7b142 Color Conversion

Color Schemes with #f7b142

Alternatives to #f7b142

#f7b142 Preview

Shades and Tints of #f7b142

Tones of #f7b142

Color Blindness Simulator