#feb304 Color Information
In a RGB color space, hex #feb304 is composed of 99.6% red, 70.2% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.5% magenta, 98.4% yellow and 0.4% black. It has a hue angle of 42 degrees, a saturation of 99.2% and a lightness of 50.6%. #feb304 color hex could be obtained by blending #ffff08 with #fd6700. Closest websafe color is: #ffcc00.
-
- R 100
- G 70
- B 2
-
- C 0
- M 30
- Y 98
- K 0
● #feb304 color description : Vivid orange.
#feb304 Color Conversion
The hexadecimal color #feb304 has RGB values of R:254, G:179, B:4 and CMYK values of C:0, M:0.3, Y:0.98, K:0. Its decimal value is 16691972.
| Hex triplet | feb304 | #feb304 |
|---|---|---|
| RGB Decimal | 254, 179, 4 | rgb(254,179,4) |
| RGB Percent | 99.6, 70.2, 1.6 | rgb(99.6%,70.2%,1.6%) |
| CMYK | 0, 30, 98, 0 | |
| HSL | 42°, 99.2, 50.6 | hsl(42,99.2%,50.6%) |
| HSV (or HSB) | 42°, 98.4, 99.6 | |
| Web Safe | ffcc00 | #ffcc00 |
| CIE-LAB | 78.066, 16.232, 80.547 |
|---|---|
| XYZ | 57.016, 53.323, 7.404 |
| xyY | 0.484, 0.453, 53.323 |
| CIE-LCH | 78.066, 82.167, 78.606 |
| CIE-LUV | 78.066, 62.512, 78.739 |
| Hunter-Lab | 73.023, 11.583, 45.104 |
| Binary | 11111110, 10110011, 00000100 |
Color Schemes with #feb304
Alternatives to #feb304
Below, you can see some colors close to #feb304. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#feb304 Preview
This text has a font color of #feb304.
<span style="color:#feb304;">Text here</span>
This paragraph has a background color of #feb304.
<p style="background-color:#feb304;">Content here</p>
This element has a border color of #feb304.
<div style="border:1px solid #feb304;">Content here</div>
.text {color:#feb304;}
.background {background-color:#feb304;}
.border {border:1px solid #feb304;}
Shades and Tints of #feb304
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, #030200 is the darkest color, while #fffaee is the lightest one.
-
#030200
#030200rgb(3,2,0) -
#171000
#171000rgb(23,16,0) -
#2a1d00
#2a1d00rgb(42,29,0) -
#3e2b00
#3e2b00rgb(62,43,0) -
#513900
#513900rgb(81,57,0) -
#654700
#654700rgb(101,71,0) -
#785400
#785400rgb(120,84,0) -
#8c6201
#8c6201rgb(140,98,1) -
#9f7001
#9f7001rgb(159,112,1) -
#b37d01
#b37d01rgb(179,125,1) -
#c68b01
#c68b01rgb(198,139,1) -
#da9901
#da9901rgb(218,153,1) -
#eda601
#eda601rgb(237,166,1)
-
#feb304
#feb304rgb(254,179,4) -
#feb918
#feb918rgb(254,185,24) -
#febf2b
#febf2brgb(254,191,43) -
#fec53f
#fec53frgb(254,197,63) -
#fecb52
#fecb52rgb(254,203,82) -
#fed166
#fed166rgb(254,209,102) -
#fed679
#fed679rgb(254,214,121) -
#ffdc8d
#ffdc8drgb(255,220,141) -
#ffe2a0
#ffe2a0rgb(255,226,160) -
#ffe8b4
#ffe8b4rgb(255,232,180) -
#ffeec7
#ffeec7rgb(255,238,199) -
#fff4db
#fff4dbrgb(255,244,219) -
#fffaee
#fffaeergb(255,250,238)
Tones of #feb304
A tone is produced by adding gray to any pure hue. In this case, #8a8478 is the less saturated color, while #feb304 is the most saturated one.
-
#8a8478
#8a8478rgb(138,132,120) -
#93886f
#93886frgb(147,136,111) -
#9d8c65
#9d8c65rgb(157,140,101) -
#a7905b
#a7905brgb(167,144,91) -
#b09452
#b09452rgb(176,148,82) -
#ba9848
#ba9848rgb(186,152,72) -
#c49c3e
#c49c3ergb(196,156,62) -
#cea034
#cea034rgb(206,160,52) -
#d7a32b
#d7a32brgb(215,163,43) -
#e1a721
#e1a721rgb(225,167,33) -
#ebab17
#ebab17rgb(235,171,23) -
#f4af0e
#f4af0ergb(244,175,14) -
#feb304
#feb304rgb(254,179,4)
Color Blindness Simulator
Below, you can see how #feb304 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.
