#fea107 Color Information
In a RGB color space, hex #fea107 is composed of 99.6% red, 63.1% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.6% magenta, 97.2% yellow and 0.4% black. It has a hue angle of 37.4 degrees, a saturation of 99.2% and a lightness of 51.2%. #fea107 color hex could be obtained by blending #ffff0e with #fd4300. Closest websafe color is: #ff9900.
-
- R 100
- G 63
- B 3
-
- C 0
- M 37
- Y 97
- K 0
● #fea107 color description : Vivid orange.
#fea107 Color Conversion
The hexadecimal color #fea107 has RGB values of R:254, G:161, B:7 and CMYK values of C:0, M:0.37, Y:0.97, K:0. Its decimal value is 16687367.
| Hex triplet | fea107 | #fea107 |
|---|---|---|
| RGB Decimal | 254, 161, 7 | rgb(254,161,7) |
| RGB Percent | 99.6, 63.1, 2.7 | rgb(99.6%,63.1%,2.7%) |
| CMYK | 0, 37, 97, 0 | |
| HSL | 37.4°, 99.2, 51.2 | hsl(37.4,99.2%,51.2%) |
| HSV (or HSB) | 37.4°, 97.2, 99.6 | |
| Web Safe | ff9900 | #ff9900 |
| CIE-LAB | 73.92, 25.652, 77.41 |
|---|---|
| XYZ | 53.658, 46.58, 6.366 |
| xyY | 0.503, 0.437, 46.58 |
| CIE-LCH | 73.92, 81.55, 71.666 |
| CIE-LUV | 73.92, 77.239, 72.147 |
| Hunter-Lab | 68.25, 20.9, 42.244 |
| Binary | 11111110, 10100001, 00000111 |
Color Schemes with #fea107
Alternatives to #fea107
Below, you can see some colors close to #fea107. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fea107 Preview
This text has a font color of #fea107.
<span style="color:#fea107;">Text here</span>
This paragraph has a background color of #fea107.
<p style="background-color:#fea107;">Content here</p>
This element has a border color of #fea107.
<div style="border:1px solid #fea107;">Content here</div>
.text {color:#fea107;}
.background {background-color:#fea107;}
.border {border:1px solid #fea107;}
Shades and Tints of #fea107
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, #060400 is the darkest color, while #fffaf1 is the lightest one.
-
#060400
#060400rgb(6,4,0) -
#1a1000
#1a1000rgb(26,16,0) -
#2d1c00
#2d1c00rgb(45,28,0) -
#412800
#412800rgb(65,40,0) -
#543500
#543500rgb(84,53,0) -
#684100
#684100rgb(104,65,0) -
#7b4d00
#7b4d00rgb(123,77,0) -
#8f5901
#8f5901rgb(143,89,1) -
#a26501
#a26501rgb(162,101,1) -
#b67201
#b67201rgb(182,114,1) -
#c97e01
#c97e01rgb(201,126,1) -
#dd8a01
#dd8a01rgb(221,138,1) -
#f09601
#f09601rgb(240,150,1)
-
#fea107
#fea107rgb(254,161,7) -
#fea81b
#fea81brgb(254,168,27) -
#feb02e
#feb02ergb(254,176,46) -
#feb742
#feb742rgb(254,183,66) -
#febf55
#febf55rgb(254,191,85) -
#fec669
#fec669rgb(254,198,105) -
#fecd7c
#fecd7crgb(254,205,124) -
#ffd590
#ffd590rgb(255,213,144) -
#ffdca3
#ffdca3rgb(255,220,163) -
#ffe4b7
#ffe4b7rgb(255,228,183) -
#ffebca
#ffebcargb(255,235,202) -
#fff2de
#fff2dergb(255,242,222) -
#fffaf1
#fffaf1rgb(255,250,241)
Tones of #fea107
A tone is produced by adding gray to any pure hue. In this case, #8b857a is the less saturated color, while #fea107 is the most saturated one.
-
#8b857a
#8b857argb(139,133,122) -
#958770
#958770rgb(149,135,112) -
#9e8967
#9e8967rgb(158,137,103) -
#a88c5d
#a88c5drgb(168,140,93) -
#b18e54
#b18e54rgb(177,142,84) -
#bb904a
#bb904argb(187,144,74) -
#c59340
#c59340rgb(197,147,64) -
#ce9537
#ce9537rgb(206,149,55) -
#d8982d
#d8982drgb(216,152,45) -
#e19a24
#e19a24rgb(225,154,36) -
#eb9c1a
#eb9c1argb(235,156,26) -
#f49f11
#f49f11rgb(244,159,17) -
#fea107
#fea107rgb(254,161,7)
Color Blindness Simulator
Below, you can see how #fea107 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.
