#f0b304 Color Information
In a RGB color space, hex #f0b304 is composed of 94.1% red, 70.2% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.4% magenta, 98.3% yellow and 5.9% black. It has a hue angle of 44.5 degrees, a saturation of 96.7% and a lightness of 47.8%. #f0b304 color hex could be obtained by blending #ffff08 with #e16700. Closest websafe color is: #ffcc00.
-
- R 94
- G 70
- B 2
-
- C 0
- M 25
- Y 98
- K 6
● #f0b304 color description : Vivid orange.
#f0b304 Color Conversion
The hexadecimal color #f0b304 has RGB values of R:240, G:179, B:4 and CMYK values of C:0, M:0.25, Y:0.98, K:0.06. Its decimal value is 15774468.
Hex triplet | f0b304 | #f0b304 |
---|---|---|
RGB Decimal | 240, 179, 4 | rgb(240,179,4) |
RGB Percent | 94.1, 70.2, 1.6 | rgb(94.1%,70.2%,1.6%) |
CMYK | 0, 25, 98, 6 | |
HSL | 44.5°, 96.7, 47.8 | hsl(44.5,96.7%,47.8%) |
HSV (or HSB) | 44.5°, 98.3, 94.1 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 76.544, 10.248, 78.783 |
---|---|
XYZ | 52.078, 50.777, 7.173 |
xyY | 0.473, 0.461, 50.777 |
CIE-LCH | 76.544, 79.447, 82.589 |
CIE-LUV | 76.544, 51.307, 78.407 |
Hunter-Lab | 71.258, 5.753, 43.912 |
Binary | 11110000, 10110011, 00000100 |
Color Schemes with #f0b304
Alternatives to #f0b304
Below, you can see some colors close to #f0b304. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f0b304 Preview
This text has a font color of #f0b304.
<span style="color:#f0b304;">Text here</span>
This paragraph has a background color of #f0b304.
<p style="background-color:#f0b304;">Content here</p>
This element has a border color of #f0b304.
<div style="border:1px solid #f0b304;">Content here</div>
.text {color:#f0b304;}
.background {background-color:#f0b304;}
.border {border:1px solid #f0b304;}
Shades and Tints of #f0b304
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, #080600 is the darkest color, while #fffcf4 is the lightest one.
-
#080600
#080600
rgb(8,6,0)
-
#1c1500
#1c1500
rgb(28,21,0)
-
#2f2301
#2f2301
rgb(47,35,1)
-
#423101
#423101
rgb(66,49,1)
-
#564001
#564001
rgb(86,64,1)
-
#694e02
#694e02
rgb(105,78,2)
-
#7c5d02
#7c5d02
rgb(124,93,2)
-
#906b02
#906b02
rgb(144,107,2)
-
#a37903
#a37903
rgb(163,121,3)
-
#b68803
#b68803
rgb(182,136,3)
-
#c99603
#c99603
rgb(201,150,3)
-
#dda504
#dda504
rgb(221,165,4)
-
#f0b304
#f0b304
rgb(240,179,4)
-
#fbbd0d
#fbbd0d
rgb(251,189,13)
-
#fbc320
#fbc320
rgb(251,195,32)
-
#fcc833
#fcc833
rgb(252,200,51)
-
#fccd47
#fccd47
rgb(252,205,71)
-
#fcd25a
#fcd25a
rgb(252,210,90)
-
#fdd76d
#fdd76d
rgb(253,215,109)
-
#fddd80
#fddd80
rgb(253,221,128)
-
#fde294
#fde294
rgb(253,226,148)
-
#fee7a7
#fee7a7
rgb(254,231,167)
-
#feecba
#feecba
rgb(254,236,186)
-
#fef2ce
#fef2ce
rgb(254,242,206)
-
#fef7e1
#fef7e1
rgb(254,247,225)
-
#fffcf4
#fffcf4
rgb(255,252,244)
Tones of #f0b304
A tone is produced by adding gray to any pure hue. In this case, #7f7d75 is the less saturated color, while #f0b304 is the most saturated one.
-
#7f7d75
#7f7d75
rgb(127,125,117)
-
#89816b
#89816b
rgb(137,129,107)
-
#928662
#928662
rgb(146,134,98)
-
#9c8a58
#9c8a58
rgb(156,138,88)
-
#a58f4f
#a58f4f
rgb(165,143,79)
-
#ae9346
#ae9346
rgb(174,147,70)
-
#b8983c
#b8983c
rgb(184,152,60)
-
#c19c33
#c19c33
rgb(193,156,51)
-
#caa12a
#caa12a
rgb(202,161,42)
-
#d4a520
#d4a520
rgb(212,165,32)
-
#ddaa17
#ddaa17
rgb(221,170,23)
-
#e7ae0d
#e7ae0d
rgb(231,174,13)
-
#f0b304
#f0b304
rgb(240,179,4)
Color Blindness Simulator
Below, you can see how #f0b304 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.