#fab301 Color Information
In a RGB color space, hex #fab301 is composed of 98% red, 70.2% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.4% magenta, 99.6% yellow and 2% black. It has a hue angle of 42.9 degrees, a saturation of 99.2% and a lightness of 49.2%. #fab301 color hex could be obtained by blending #ffff02 with #f56700. Closest websafe color is: #ffcc00.
-
- R 98
- G 70
- B 0
-
- C 0
- M 28
- Y 100
- K 2
● #fab301 color description : Vivid orange.
#fab301 Color Conversion
The hexadecimal color #fab301 has RGB values of R:250, G:179, B:1 and CMYK values of C:0, M:0.28, Y:1, K:0.02. Its decimal value is 16429825.
Hex triplet | fab301 | #fab301 |
---|---|---|
RGB Decimal | 250, 179, 1 | rgb(250,179,1) |
RGB Percent | 98, 70.2, 0.4 | rgb(98%,70.2%,0.4%) |
CMYK | 0, 28, 100, 2 | |
HSL | 42.9°, 99.2, 49.2 | hsl(42.9,99.2%,49.2%) |
HSV (or HSB) | 42.9°, 99.6, 98 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 77.62, 14.508, 80.351 |
---|---|
XYZ | 55.551, 52.57, 7.25 |
xyY | 0.482, 0.456, 52.57 |
CIE-LCH | 77.62, 81.651, 79.765 |
CIE-LUV | 77.62, 59.326, 78.805 |
Hunter-Lab | 72.505, 9.878, 44.825 |
Binary | 11111010, 10110011, 00000001 |
Color Schemes with #fab301
Alternatives to #fab301
Below, you can see some colors close to #fab301. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fab301 Preview
This text has a font color of #fab301.
<span style="color:#fab301;">Text here</span>
This paragraph has a background color of #fab301.
<p style="background-color:#fab301;">Content here</p>
This element has a border color of #fab301.
<div style="border:1px solid #fab301;">Content here</div>
.text {color:#fab301;}
.background {background-color:#fab301;}
.border {border:1px solid #fab301;}
Shades and Tints of #fab301
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, #100b00 is the darkest color, while #fffefb is the lightest one.
-
#100b00
#100b00
rgb(16,11,0)
-
#231900
#231900
rgb(35,25,0)
-
#372700
#372700
rgb(55,39,0)
-
#4a3500
#4a3500
rgb(74,53,0)
-
#5e4300
#5e4300
rgb(94,67,0)
-
#715100
#715100
rgb(113,81,0)
-
#855f01
#855f01
rgb(133,95,1)
-
#986d01
#986d01
rgb(152,109,1)
-
#ac7b01
#ac7b01
rgb(172,123,1)
-
#bf8901
#bf8901
rgb(191,137,1)
-
#d39701
#d39701
rgb(211,151,1)
-
#e6a501
#e6a501
rgb(230,165,1)
-
#fab301
#fab301
rgb(250,179,1)
-
#feba11
#feba11
rgb(254,186,17)
-
#fec024
#fec024
rgb(254,192,36)
-
#fec638
#fec638
rgb(254,198,56)
-
#fecb4b
#fecb4b
rgb(254,203,75)
-
#fed15f
#fed15f
rgb(254,209,95)
-
#fed672
#fed672
rgb(254,214,114)
-
#ffdc86
#ffdc86
rgb(255,220,134)
-
#ffe299
#ffe299
rgb(255,226,153)
-
#ffe7ad
#ffe7ad
rgb(255,231,173)
-
#ffedc0
#ffedc0
rgb(255,237,192)
-
#fff3d4
#fff3d4
rgb(255,243,212)
-
#fff8e7
#fff8e7
rgb(255,248,231)
-
#fffefb
#fffefb
rgb(255,254,251)
Tones of #fab301
A tone is produced by adding gray to any pure hue. In this case, #868175 is the less saturated color, while #fab301 is the most saturated one.
-
#868175
#868175
rgb(134,129,117)
-
#90856b
#90856b
rgb(144,133,107)
-
#998a62
#998a62
rgb(153,138,98)
-
#a38e58
#a38e58
rgb(163,142,88)
-
#ad924e
#ad924e
rgb(173,146,78)
-
#b69645
#b69645
rgb(182,150,69)
-
#c09a3b
#c09a3b
rgb(192,154,59)
-
#ca9e31
#ca9e31
rgb(202,158,49)
-
#d3a228
#d3a228
rgb(211,162,40)
-
#dda71e
#dda71e
rgb(221,167,30)
-
#e7ab14
#e7ab14
rgb(231,171,20)
-
#f0af0b
#f0af0b
rgb(240,175,11)
-
#fab301
#fab301
rgb(250,179,1)
Color Blindness Simulator
Below, you can see how #fab301 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.