#ffbd16 Color Information
In a RGB color space, hex #ffbd16 is composed of 100% red, 74.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.9% magenta, 91.4% yellow and 0% black. It has a hue angle of 43 degrees, a saturation of 100% and a lightness of 54.3%. #ffbd16 color hex could be obtained by blending #ffff2c with #ff7b00. Closest websafe color is: #ffcc00.
-
- R 100
- G 74
- B 9
-
- C 0
- M 26
- Y 91
- K 0
● #ffbd16 color description : Vivid orange.
#ffbd16 Color Conversion
The hexadecimal color #ffbd16 has RGB values of R:255, G:189, B:22 and CMYK values of C:0, M:0.26, Y:0.91, K:0. Its decimal value is 16760086.
Hex triplet | ffbd16 | #ffbd16 |
---|---|---|
RGB Decimal | 255, 189, 22 | rgb(255,189,22) |
RGB Percent | 100, 74.1, 8.6 | rgb(100%,74.1%,8.6%) |
CMYK | 0, 26, 91, 0 | |
HSL | 43°, 100, 54.3 | hsl(43,100%,54.3%) |
HSV (or HSB) | 43°, 91.4, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 80.581, 11.627, 80.175 |
---|---|
XYZ | 59.584, 57.717, 8.761 |
xyY | 0.473, 0.458, 57.717 |
CIE-LCH | 80.581, 81.013, 81.749 |
CIE-LUV | 80.581, 55.115, 81.21 |
Hunter-Lab | 75.971, 7.046, 46.342 |
Binary | 11111111, 10111101, 00010110 |
Color Schemes with #ffbd16
Alternatives to #ffbd16
Below, you can see some colors close to #ffbd16. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbd16 Preview
This text has a font color of #ffbd16.
<span style="color:#ffbd16;">Text here</span>
This paragraph has a background color of #ffbd16.
<p style="background-color:#ffbd16;">Content here</p>
This element has a border color of #ffbd16.
<div style="border:1px solid #ffbd16;">Content here</div>
.text {color:#ffbd16;}
.background {background-color:#ffbd16;}
.border {border:1px solid #ffbd16;}
Shades and Tints of #ffbd16
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, #020200 is the darkest color, while #fffaee is the lightest one.
-
#020200
#020200
rgb(2,2,0)
-
#161000
#161000
rgb(22,16,0)
-
#2a1e00
#2a1e00
rgb(42,30,0)
-
#3d2c00
#3d2c00
rgb(61,44,0)
-
#513a00
#513a00
rgb(81,58,0)
-
#644800
#644800
rgb(100,72,0)
-
#785600
#785600
rgb(120,86,0)
-
#8c6400
#8c6400
rgb(140,100,0)
-
#9f7200
#9f7200
rgb(159,114,0)
-
#b38000
#b38000
rgb(179,128,0)
-
#c78e00
#c78e00
rgb(199,142,0)
-
#da9c00
#da9c00
rgb(218,156,0)
-
#eeaa00
#eeaa00
rgb(238,170,0)
-
#ffb702
#ffb702
rgb(255,183,2)
-
#ffbd16
#ffbd16
rgb(255,189,22)
-
#ffc32a
#ffc32a
rgb(255,195,42)
-
#ffc83d
#ffc83d
rgb(255,200,61)
-
#ffce51
#ffce51
rgb(255,206,81)
-
#ffd364
#ffd364
rgb(255,211,100)
-
#ffd978
#ffd978
rgb(255,217,120)
-
#ffde8c
#ffde8c
rgb(255,222,140)
-
#ffe49f
#ffe49f
rgb(255,228,159)
-
#ffe9b3
#ffe9b3
rgb(255,233,179)
-
#ffefc7
#ffefc7
rgb(255,239,199)
-
#fff5da
#fff5da
rgb(255,245,218)
-
#fffaee
#fffaee
rgb(255,250,238)
Tones of #ffbd16
A tone is produced by adding gray to any pure hue. In this case, #938e82 is the less saturated color, while #ffbd16 is the most saturated one.
-
#938e82
#938e82
rgb(147,142,130)
-
#9c9279
#9c9279
rgb(156,146,121)
-
#a59670
#a59670
rgb(165,150,112)
-
#ae9a67
#ae9a67
rgb(174,154,103)
-
#b79e5e
#b79e5e
rgb(183,158,94)
-
#c0a255
#c0a255
rgb(192,162,85)
-
#c9a64c
#c9a64c
rgb(201,166,76)
-
#d2aa43
#d2aa43
rgb(210,170,67)
-
#dbad3a
#dbad3a
rgb(219,173,58)
-
#e4b131
#e4b131
rgb(228,177,49)
-
#edb528
#edb528
rgb(237,181,40)
-
#f6b91f
#f6b91f
rgb(246,185,31)
-
#ffbd16
#ffbd16
rgb(255,189,22)
Color Blindness Simulator
Below, you can see how #ffbd16 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.