#ffb501 Color Information
In a RGB color space, hex #ffb501 is composed of 100% red, 71% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29% magenta, 99.6% yellow and 0% black. It has a hue angle of 42.5 degrees, a saturation of 100% and a lightness of 50.2%. #ffb501 color hex could be obtained by blending #ffff02 with #ff6b00. Closest websafe color is: #ffcc00.
-
- R 100
- G 71
- B 0
-
- C 0
- M 29
- Y 100
- K 0
● #ffb501 color description : Vivid orange.
#ffb501 Color Conversion
The hexadecimal color #ffb501 has RGB values of R:255, G:181, B:1 and CMYK values of C:0, M:0.29, Y:1, K:0. Its decimal value is 16758017.
Hex triplet | ffb501 | #ffb501 |
---|---|---|
RGB Decimal | 255, 181, 1 | rgb(255,181,1) |
RGB Percent | 100, 71, 0.4 | rgb(100%,71%,0.4%) |
CMYK | 0, 29, 100, 0 | |
HSL | 42.5°, 100, 50.2 | hsl(42.5,100%,50.2%) |
HSV (or HSB) | 42.5°, 99.6, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 78.644, 15.59, 81.306 |
---|---|
XYZ | 57.771, 54.314, 7.47 |
xyY | 0.483, 0.454, 54.314 |
CIE-LCH | 78.644, 82.787, 79.146 |
CIE-LUV | 78.644, 61.738, 79.648 |
Hunter-Lab | 73.698, 10.953, 45.579 |
Binary | 11111111, 10110101, 00000001 |
Color Schemes with #ffb501
Alternatives to #ffb501
Below, you can see some colors close to #ffb501. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffb501 Preview
This text has a font color of #ffb501.
<span style="color:#ffb501;">Text here</span>
This paragraph has a background color of #ffb501.
<p style="background-color:#ffb501;">Content here</p>
This element has a border color of #ffb501.
<div style="border:1px solid #ffb501;">Content here</div>
.text {color:#ffb501;}
.background {background-color:#ffb501;}
.border {border:1px solid #ffb501;}
Shades and Tints of #ffb501
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, #010100 is the darkest color, while #fffaec is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#150f00
#150f00
rgb(21,15,0)
-
#281d00
#281d00
rgb(40,29,0)
-
#3c2a00
#3c2a00
rgb(60,42,0)
-
#4f3800
#4f3800
rgb(79,56,0)
-
#634600
#634600
rgb(99,70,0)
-
#775400
#775400
rgb(119,84,0)
-
#8a6200
#8a6200
rgb(138,98,0)
-
#9e7000
#9e7000
rgb(158,112,0)
-
#b27e00
#b27e00
rgb(178,126,0)
-
#c58c00
#c58c00
rgb(197,140,0)
-
#d99a00
#d99a00
rgb(217,154,0)
-
#eca800
#eca800
rgb(236,168,0)
-
#ffb501
#ffb501
rgb(255,181,1)
-
#ffbb15
#ffbb15
rgb(255,187,21)
-
#ffc028
#ffc028
rgb(255,192,40)
-
#ffc63c
#ffc63c
rgb(255,198,60)
-
#ffcc4f
#ffcc4f
rgb(255,204,79)
-
#ffd263
#ffd263
rgb(255,210,99)
-
#ffd777
#ffd777
rgb(255,215,119)
-
#ffdd8a
#ffdd8a
rgb(255,221,138)
-
#ffe39e
#ffe39e
rgb(255,227,158)
-
#ffe8b2
#ffe8b2
rgb(255,232,178)
-
#ffeec5
#ffeec5
rgb(255,238,197)
-
#fff4d9
#fff4d9
rgb(255,244,217)
-
#fffaec
#fffaec
rgb(255,250,236)
Tones of #ffb501
A tone is produced by adding gray to any pure hue. In this case, #8a8476 is the less saturated color, while #ffb501 is the most saturated one.
-
#8a8476
#8a8476
rgb(138,132,118)
-
#94886c
#94886c
rgb(148,136,108)
-
#9d8c63
#9d8c63
rgb(157,140,99)
-
#a79059
#a79059
rgb(167,144,89)
-
#b1944f
#b1944f
rgb(177,148,79)
-
#bb9845
#bb9845
rgb(187,152,69)
-
#c49d3c
#c49d3c
rgb(196,157,60)
-
#cea132
#cea132
rgb(206,161,50)
-
#d8a528
#d8a528
rgb(216,165,40)
-
#e2a91e
#e2a91e
rgb(226,169,30)
-
#ebad15
#ebad15
rgb(235,173,21)
-
#f5b10b
#f5b10b
rgb(245,177,11)
-
#ffb501
#ffb501
rgb(255,181,1)
Color Blindness Simulator
Below, you can see how #ffb501 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.