#ffb500 Color Information
In a RGB color space, hex #ffb500 is composed of 100% red, 71% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29% magenta, 100% yellow and 0% black. It has a hue angle of 42.6 degrees, a saturation of 100% and a lightness of 50%. #ffb500 color hex could be obtained by blending #ffff00 with #ff6b00. Closest websafe color is: #ffcc00.
-
- R 100
- G 71
- B 0
-
- C 0
- M 29
- Y 100
- K 0
● #ffb500 color description : Pure (or mostly pure) orange.
#ffb500 Color Conversion
The hexadecimal color #ffb500 has RGB values of R:255, G:181, B:0 and CMYK values of C:0, M:0.29, Y:1, K:0. Its decimal value is 16758016.
Hex triplet | ffb500 | #ffb500 |
---|---|---|
RGB Decimal | 255, 181, 0 | rgb(255,181,0) |
RGB Percent | 100, 71, 0 | rgb(100%,71%,0%) |
CMYK | 0, 29, 100, 0 | |
HSL | 42.6°, 100, 50 | hsl(42.6,100%,50%) |
HSV (or HSB) | 42.6°, 100, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 78.643, 15.582, 81.409 |
---|---|
XYZ | 57.765, 54.311, 7.441 |
xyY | 0.483, 0.454, 54.311 |
CIE-LCH | 78.643, 82.887, 79.165 |
CIE-LUV | 78.643, 61.749, 79.702 |
Hunter-Lab | 73.696, 10.945, 45.601 |
Binary | 11111111, 10110101, 00000000 |
Color Schemes with #ffb500
Alternatives to #ffb500
Below, you can see some colors close to #ffb500. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffb500 Preview
This text has a font color of #ffb500.
<span style="color:#ffb500;">Text here</span>
This paragraph has a background color of #ffb500.
<p style="background-color:#ffb500;">Content here</p>
This element has a border color of #ffb500.
<div style="border:1px solid #ffb500;">Content here</div>
.text {color:#ffb500;}
.background {background-color:#ffb500;}
.border {border:1px solid #ffb500;}
Shades and Tints of #ffb500
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, #140e00 is the darkest color, while #ffffff is the lightest one.
-
#140e00
#140e00
rgb(20,14,0)
-
#271c00
#271c00
rgb(39,28,0)
-
#3b2a00
#3b2a00
rgb(59,42,0)
-
#4e3800
#4e3800
rgb(78,56,0)
-
#624600
#624600
rgb(98,70,0)
-
#765400
#765400
rgb(118,84,0)
-
#896100
#896100
rgb(137,97,0)
-
#9d6f00
#9d6f00
rgb(157,111,0)
-
#b17d00
#b17d00
rgb(177,125,0)
-
#c48b00
#c48b00
rgb(196,139,0)
-
#d89900
#d89900
rgb(216,153,0)
-
#eba700
#eba700
rgb(235,167,0)
-
#ffb500
#ffb500
rgb(255,181,0)
-
#ffbb14
#ffbb14
rgb(255,187,20)
-
#ffc027
#ffc027
rgb(255,192,39)
-
#ffc63b
#ffc63b
rgb(255,198,59)
-
#ffcc4e
#ffcc4e
rgb(255,204,78)
-
#ffd162
#ffd162
rgb(255,209,98)
-
#ffd776
#ffd776
rgb(255,215,118)
-
#ffdd89
#ffdd89
rgb(255,221,137)
-
#ffe39d
#ffe39d
rgb(255,227,157)
-
#ffe8b1
#ffe8b1
rgb(255,232,177)
-
#ffeec4
#ffeec4
rgb(255,238,196)
-
#fff4d8
#fff4d8
rgb(255,244,216)
-
#fff9eb
#fff9eb
rgb(255,249,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ffb500
A tone is produced by adding gray to any pure hue. In this case, #898476 is the less saturated color, while #ffb500 is the most saturated one.
-
#898476
#898476
rgb(137,132,118)
-
#93886c
#93886c
rgb(147,136,108)
-
#9d8c62
#9d8c62
rgb(157,140,98)
-
#a79058
#a79058
rgb(167,144,88)
-
#b1944e
#b1944e
rgb(177,148,78)
-
#ba9845
#ba9845
rgb(186,152,69)
-
#c49c3b
#c49c3b
rgb(196,156,59)
-
#cea031
#cea031
rgb(206,160,49)
-
#d8a527
#d8a527
rgb(216,165,39)
-
#e2a91d
#e2a91d
rgb(226,169,29)
-
#ebad14
#ebad14
rgb(235,173,20)
-
#f5b10a
#f5b10a
rgb(245,177,10)
-
#ffb500
#ffb500
rgb(255,181,0)
Color Blindness Simulator
Below, you can see how #ffb500 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.