#f7b514 hex color

In a RGB color space, hex #f7b514 is composed of 96.9% red, 71% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.7% magenta, 91.9% yellow and 3.1% black. It has a hue angle of 42.6 degrees, a saturation of 93.4% and a lightness of 52.4%. #f7b514 color hex could be obtained by blending #ffff28 with #ef6b00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 97
- G 71
- B 8
RGB color chart
- C 0
- M 27
- Y 92
- K 3
CMYK color chart

● #f7b514 color description : Vivid orange.

The hexadecimal color #f7b514 has RGB values of R:247, G:181, B:20 and CMYK values of C:0, M:0.27, Y:0.92, K:0.03. Its decimal value is 16233748.

Hex triplet	f7b514	`#f7b514`
RGB Decimal	247, 181, 20	`rgb(247,181,20)`
RGB Percent	96.9, 71, 7.8	`rgb(96.9%,71%,7.8%)`
CMYK	0, 27, 92, 3
HSL	42.6°, 93.4, 52.4	`hsl(42.6,93.4%,52.4%)`
HSV (or HSB)	42.6°, 91.9, 96.9
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	77.802, 12.363, 78.062
XYZ	55.009, 52.876, 7.971
xyY	0.475, 0.456, 52.876
CIE-LCH	77.802, 79.035, 81.001
CIE-LUV	77.802, 55.102, 78.247
Hunter-Lab	72.716, 7.782, 44.402
Binary	11110111, 10110101, 00010100

#f7b514
```
#f7b514 rgb(247,181,20)
```
#1456f7
```
#1456f7 rgb(20,86,247)
```

Complementary Color

#f74414
```
#f74414 rgb(247,68,20)
```
#f7b514
```
#f7b514 rgb(247,181,20)
```
#c8f714
```
#c8f714 rgb(200,247,20)
```

Analogous Color

#4414f7
```
#4414f7 rgb(68,20,247)
```
#f7b514
```
#f7b514 rgb(247,181,20)
```
#14c8f7
```
#14c8f7 rgb(20,200,247)
```

Split Complementary Color

#b514f7
```
#b514f7 rgb(181,20,247)
```
#f7b514
```
#f7b514 rgb(247,181,20)
```
#14f7b5
```
#14f7b5 rgb(20,247,181)
```

Triadic Color

#f71456
```
#f71456 rgb(247,20,86)
```
#f7b514
```
#f7b514 rgb(247,181,20)
```
#14f7b5
```
#14f7b5 rgb(20,247,181)
```
#1456f7
```
#1456f7 rgb(20,86,247)
```

Tetradic Color

#b88406
```
#b88406 rgb(184,132,6)
```
#d19607
```
#d19607 rgb(209,150,7)
```
#eaa808
```
#eaa808 rgb(234,168,8)
```
#f7b514
```
#f7b514 rgb(247,181,20)
```
#f8bd2d
```
#f8bd2d rgb(248,189,45)
```
#f9c545
```
#f9c545 rgb(249,197,69)
```
#facc5e
```
#facc5e rgb(250,204,94)
```

Monochromatic Color

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

#f77c14
```
#f77c14 rgb(247,124,20)
```
#f78f14
```
#f78f14 rgb(247,143,20)
```
#f7a214
```
#f7a214 rgb(247,162,20)
```
#f7b514
```
#f7b514 rgb(247,181,20)
```
#f7c814
```
#f7c814 rgb(247,200,20)
```
#f7db14
```
#f7db14 rgb(247,219,20)
```
#f7ee14
```
#f7ee14 rgb(247,238,20)
```

Similar Colors

Text with hexadecimal color #f7b514

This text has a font color of #f7b514.

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

#f7b514 background color

This paragraph has a background color of #f7b514.

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

#f7b514 border color

This element has a border color of #f7b514.

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

CSS codes

.text {color:#f7b514;}

.background {background-color:#f7b514;}

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

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 #fffdf8 is the lightest one.

#0c0800
```
#0c0800 rgb(12,8,0)
```
#1f1601
```
#1f1601 rgb(31,22,1)
```
#322402
```
#322402 rgb(50,36,2)
```
#453102
```
#453102 rgb(69,49,2)
```
#573f03
```
#573f03 rgb(87,63,3)
```
#6a4d04
```
#6a4d04 rgb(106,77,4)
```
#7d5a04
```
#7d5a04 rgb(125,90,4)
```
#906805
```
#906805 rgb(144,104,5)
```
#a37506
```
#a37506 rgb(163,117,6)
```
#b68306
```
#b68306 rgb(182,131,6)
```
#c99107
```
#c99107 rgb(201,145,7)
```
#dc9e07
```
#dc9e07 rgb(220,158,7)
```
#efac08
```
#efac08 rgb(239,172,8)
```

Shade Color Variation

#f7b514
```
#f7b514 rgb(247,181,20)
```
#f8bb27
```
#f8bb27 rgb(248,187,39)
```
#f8c13a
```
#f8c13a rgb(248,193,58)
```
#f9c74d
```
#f9c74d rgb(249,199,77)
```
#facd60
```
#facd60 rgb(250,205,96)
```
#fad373
```
#fad373 rgb(250,211,115)
```
#fbd986
```
#fbd986 rgb(251,217,134)
```
#fcdf99
```
#fcdf99 rgb(252,223,153)
```
#fce5ac
```
#fce5ac rgb(252,229,172)
```
#fdebbf
```
#fdebbf rgb(253,235,191)
```
#fdf1d2
```
#fdf1d2 rgb(253,241,210)
```
#fef7e5
```
#fef7e5 rgb(254,247,229)
```
#fffdf8
```
#fffdf8 rgb(255,253,248)
```

Tint Color Variation

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

#878684
```
#878684 rgb(135,134,132)
```
#908a7b
```
#908a7b rgb(144,138,123)
```
#9a8e71
```
#9a8e71 rgb(154,142,113)
```
#a39268
```
#a39268 rgb(163,146,104)
```
#ac965f
```
#ac965f rgb(172,150,95)
```
#b69a55
```
#b69a55 rgb(182,154,85)
```
#bf9e4c
```
#bf9e4c rgb(191,158,76)
```
#c8a143
```
#c8a143 rgb(200,161,67)
```
#d2a539
```
#d2a539 rgb(210,165,57)
```
#dba930
```
#dba930 rgb(219,169,48)
```
#e4ad27
```
#e4ad27 rgb(228,173,39)
```
#eeb11d
```
#eeb11d rgb(238,177,29)
```
#f7b514
```
#f7b514 rgb(247,181,20)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#c3b696 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc323 Protanopia 1% of men
#f4ba1e Deuteranopia 1% of men
#ffadb8 Tritanopia 0.001% of the population

Trichromacy

#e5be1e Protanomaly 1% of men, 0.01% of women
#f5b81a Deuteranomaly 6% of men, 0.4% of women
#fcb07c Tritanomaly 0.01% of the population

#f7b514 hex color

#f7b514 Color Information

#f7b514 Color Conversion

Color Schemes with #f7b514

Alternatives to #f7b514

#f7b514 Preview

Shades and Tints of #f7b514

Tones of #f7b514

Color Blindness Simulator