#ffbd54 Color Information
In a RGB color space, hex #ffbd54 is composed of 100% red, 74.1% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.9% magenta, 67.1% yellow and 0% black. It has a hue angle of 36.8 degrees, a saturation of 100% and a lightness of 66.5%. #ffbd54 color hex could be obtained by blending #ffffa8 with #ff7b00. Closest websafe color is: #ffcc66.
-
- R 100
- G 74
- B 33
-
- C 0
- M 26
- Y 67
- K 0
● #ffbd54 color description : Light orange.
#ffbd54 Color Conversion
The hexadecimal color #ffbd54 has RGB values of R:255, G:189, B:84 and CMYK values of C:0, M:0.26, Y:0.67, K:0. Its decimal value is 16760148.
Hex triplet | ffbd54 | #ffbd54 |
---|---|---|
RGB Decimal | 255, 189, 84 | rgb(255,189,84) |
RGB Percent | 100, 74.1, 32.9 | rgb(100%,74.1%,32.9%) |
CMYK | 0, 26, 67, 0 | |
HSL | 36.8°, 100, 66.5 | hsl(36.8,100%,66.5%) |
HSV (or HSB) | 36.8°, 67.1, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 80.905, 13.687, 60.611 |
---|---|
XYZ | 61.039, 58.299, 16.425 |
xyY | 0.45, 0.429, 58.299 |
CIE-LCH | 80.905, 62.137, 77.275 |
CIE-LUV | 80.905, 52.678, 67.789 |
Hunter-Lab | 76.354, 9.078, 40.693 |
Binary | 11111111, 10111101, 01010100 |
Color Schemes with #ffbd54
Alternatives to #ffbd54
Below, you can see some colors close to #ffbd54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbd54 Preview
This text has a font color of #ffbd54.
<span style="color:#ffbd54;">Text here</span>
This paragraph has a background color of #ffbd54.
<p style="background-color:#ffbd54;">Content here</p>
This element has a border color of #ffbd54.
<div style="border:1px solid #ffbd54;">Content here</div>
.text {color:#ffbd54;}
.background {background-color:#ffbd54;}
.border {border:1px solid #ffbd54;}
Shades and Tints of #ffbd54
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, #060300 is the darkest color, while #fffaf1 is the lightest one.
-
#060300
#060300
rgb(6,3,0)
-
#190f00
#190f00
rgb(25,15,0)
-
#2d1b00
#2d1b00
rgb(45,27,0)
-
#402800
#402800
rgb(64,40,0)
-
#543400
#543400
rgb(84,52,0)
-
#684000
#684000
rgb(104,64,0)
-
#7b4c00
#7b4c00
rgb(123,76,0)
-
#8f5800
#8f5800
rgb(143,88,0)
-
#a26400
#a26400
rgb(162,100,0)
-
#b67000
#b67000
rgb(182,112,0)
-
#ca7c00
#ca7c00
rgb(202,124,0)
-
#dd8800
#dd8800
rgb(221,136,0)
-
#f19400
#f19400
rgb(241,148,0)
-
#ff9f06
#ff9f06
rgb(255,159,6)
-
#ffa619
#ffa619
rgb(255,166,25)
-
#ffae2d
#ffae2d
rgb(255,174,45)
-
#ffb540
#ffb540
rgb(255,181,64)
-
#ffbd54
#ffbd54
rgb(255,189,84)
-
#ffc568
#ffc568
rgb(255,197,104)
-
#ffcc7b
#ffcc7b
rgb(255,204,123)
-
#ffd48f
#ffd48f
rgb(255,212,143)
-
#ffdba2
#ffdba2
rgb(255,219,162)
-
#ffe3b6
#ffe3b6
rgb(255,227,182)
-
#ffeaca
#ffeaca
rgb(255,234,202)
-
#fff2dd
#fff2dd
rgb(255,242,221)
-
#fffaf1
#fffaf1
rgb(255,250,241)
Tones of #ffbd54
A tone is produced by adding gray to any pure hue. In this case, #b0aba3 is the less saturated color, while #ffbd54 is the most saturated one.
-
#b0aba3
#b0aba3
rgb(176,171,163)
-
#b7ad9c
#b7ad9c
rgb(183,173,156)
-
#bdae96
#bdae96
rgb(189,174,150)
-
#c4b08f
#c4b08f
rgb(196,176,143)
-
#cab189
#cab189
rgb(202,177,137)
-
#d1b382
#d1b382
rgb(209,179,130)
-
#d8b47b
#d8b47b
rgb(216,180,123)
-
#deb675
#deb675
rgb(222,182,117)
-
#e5b76e
#e5b76e
rgb(229,183,110)
-
#ebb968
#ebb968
rgb(235,185,104)
-
#f2ba61
#f2ba61
rgb(242,186,97)
-
#f8bc5b
#f8bc5b
rgb(248,188,91)
-
#ffbd54
#ffbd54
rgb(255,189,84)
Color Blindness Simulator
Below, you can see how #ffbd54 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.