#f7b100 hex color

In a RGB color space, hex #f7b100 is composed of 96.9% red, 69.4% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.3% magenta, 100% yellow and 3.1% black. It has a hue angle of 43 degrees, a saturation of 100% and a lightness of 48.4%. #f7b100 color hex could be obtained by blending #ffff00 with #ef6300. Closest websafe color is: #ff9900.

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

● #f7b100 color description : Pure (or mostly pure) orange.

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

Hex triplet	f7b100	`#f7b100`
RGB Decimal	247, 177, 0	`rgb(247,177,0)`
RGB Percent	96.9, 69.4, 0	`rgb(96.9%,69.4%,0%)`
CMYK	0, 28, 100, 3
HSL	43°, 100, 48.4	`hsl(43,100%,48.4%)`
HSV (or HSB)	43°, 100, 96.9
Web Safe	ff9900	`#ff9900`

CIE-LAB	76.813, 14.267, 79.756
XYZ	54.081, 51.222, 7.039
xyY	0.481, 0.456, 51.222
CIE-LCH	76.813, 81.022, 79.858
CIE-LUV	76.813, 58.53, 78.064
Hunter-Lab	71.569, 9.637, 44.268
Binary	11110111, 10110001, 00000000

#f7b100
```
#f7b100 rgb(247,177,0)
```
#0046f7
```
#0046f7 rgb(0,70,247)
```

Complementary Color

#f73600
```
#f73600 rgb(247,54,0)
```
#f7b100
```
#f7b100 rgb(247,177,0)
```
#c2f700
```
#c2f700 rgb(194,247,0)
```

Analogous Color

#3600f7
```
#3600f7 rgb(54,0,247)
```
#f7b100
```
#f7b100 rgb(247,177,0)
```
#00c2f7
```
#00c2f7 rgb(0,194,247)
```

Split Complementary Color

#b100f7
```
#b100f7 rgb(177,0,247)
```
#f7b100
```
#f7b100 rgb(247,177,0)
```
#00f7b1
```
#00f7b1 rgb(0,247,177)
```

Triadic Color

#f70046
```
#f70046 rgb(247,0,70)
```
#f7b100
```
#f7b100 rgb(247,177,0)
```
#00f7b1
```
#00f7b1 rgb(0,247,177)
```
#0046f7
```
#0046f7 rgb(0,70,247)
```

Tetradic Color

#ab7a00
```
#ab7a00 rgb(171,122,0)
```
#c48c00
```
#c48c00 rgb(196,140,0)
```
#de9f00
```
#de9f00 rgb(222,159,0)
```
#f7b100
```
#f7b100 rgb(247,177,0)
```
#ffbc12
```
#ffbc12 rgb(255,188,18)
```
#ffc32b
```
#ffc32b rgb(255,195,43)
```
#ffca45
```
#ffca45 rgb(255,202,69)
```

Monochromatic Color

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

#f77300
```
#f77300 rgb(247,115,0)
```
#f78800
```
#f78800 rgb(247,136,0)
```
#f79c00
```
#f79c00 rgb(247,156,0)
```
#f7b100
```
#f7b100 rgb(247,177,0)
```
#f7c600
```
#f7c600 rgb(247,198,0)
```
#f7da00
```
#f7da00 rgb(247,218,0)
```
#f7ef00
```
#f7ef00 rgb(247,239,0)
```

Similar Colors

Text with hexadecimal color #f7b100

This text has a font color of #f7b100.

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

#f7b100 background color

This paragraph has a background color of #f7b100.

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

#f7b100 border color

This element has a border color of #f7b100.

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

CSS codes

.text {color:#f7b100;}

.background {background-color:#f7b100;}

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

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

#0c0800
```
#0c0800 rgb(12,8,0)
```
#1f1600
```
#1f1600 rgb(31,22,0)
```
#332400
```
#332400 rgb(51,36,0)
```
#463200
```
#463200 rgb(70,50,0)
```
#5a4100
```
#5a4100 rgb(90,65,0)
```
#6e4f00
```
#6e4f00 rgb(110,79,0)
```
#815d00
```
#815d00 rgb(129,93,0)
```
#956b00
```
#956b00 rgb(149,107,0)
```
#a97900
```
#a97900 rgb(169,121,0)
```
#bc8700
```
#bc8700 rgb(188,135,0)
```
#d09500
```
#d09500 rgb(208,149,0)
```
#e3a300
```
#e3a300 rgb(227,163,0)
```
#f7b100
```
#f7b100 rgb(247,177,0)
```

Shade Color Variation

#ffba0c
```
#ffba0c rgb(255,186,12)
```
#ffc01f
```
#ffc01f rgb(255,192,31)
```
#ffc533
```
#ffc533 rgb(255,197,51)
```
#ffcb46
```
#ffcb46 rgb(255,203,70)
```
#ffd05a
```
#ffd05a rgb(255,208,90)
```
#ffd66e
```
#ffd66e rgb(255,214,110)
```
#ffdb81
```
#ffdb81 rgb(255,219,129)
```
#ffe195
```
#ffe195 rgb(255,225,149)
```
#ffe6a9
```
#ffe6a9 rgb(255,230,169)
```
#ffecbc
```
#ffecbc rgb(255,236,188)
```
#fff2d0
```
#fff2d0 rgb(255,242,208)
```
#fff7e3
```
#fff7e3 rgb(255,247,227)
```
#fffdf7
```
#fffdf7 rgb(255,253,247)
```

Tint Color Variation

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

#858072
```
#858072 rgb(133,128,114)
```
#8f8469
```
#8f8469 rgb(143,132,105)
```
#98885f
```
#98885f rgb(152,136,95)
```
#a28c56
```
#a28c56 rgb(162,140,86)
```
#ab904c
```
#ab904c rgb(171,144,76)
```
#b59443
```
#b59443 rgb(181,148,67)
```
#be9839
```
#be9839 rgb(190,152,57)
```
#c89c30
```
#c89c30 rgb(200,156,48)
```
#d1a126
```
#d1a126 rgb(209,161,38)
```
#dba51d
```
#dba51d rgb(219,165,29)
```
#e4a913
```
#e4a913 rgb(228,169,19)
```
#eead0a
```
#eead0a rgb(238,173,10)
```
#f7b100
```
#f7b100 rgb(247,177,0)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#c0b28e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c111 Protanopia 1% of men
#f1b700 Deuteranopia 1% of men
#ffa9b4 Tritanopia 0.001% of the population

Trichromacy

#e3bb0b Protanomaly 1% of men, 0.01% of women
#f3b500 Deuteranomaly 6% of men, 0.4% of women
#fcac72 Tritanomaly 0.01% of the population

#f7b100 hex color

#f7b100 Color Information

#f7b100 Color Conversion

Color Schemes with #f7b100

Alternatives to #f7b100

#f7b100 Preview

Shades and Tints of #f7b100

Tones of #f7b100

Color Blindness Simulator