#ffbd46 Color Information
In a RGB color space, hex #ffbd46 is composed of 100% red, 74.1% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.9% magenta, 72.5% yellow and 0% black. It has a hue angle of 38.6 degrees, a saturation of 100% and a lightness of 63.7%. #ffbd46 color hex could be obtained by blending #ffff8c with #ff7b00. Closest websafe color is: #ffcc33.
-
- R 100
- G 74
- B 27
-
- C 0
- M 26
- Y 73
- K 0
● #ffbd46 color description : Light orange.
#ffbd46 Color Conversion
The hexadecimal color #ffbd46 has RGB values of R:255, G:189, B:70 and CMYK values of C:0, M:0.26, Y:0.73, K:0. Its decimal value is 16760134.
Hex triplet | ffbd46 | #ffbd46 |
---|---|---|
RGB Decimal | 255, 189, 70 | rgb(255,189,70) |
RGB Percent | 100, 74.1, 27.5 | rgb(100%,74.1%,27.5%) |
CMYK | 0, 26, 73, 0 | |
HSL | 38.6°, 100, 63.7 | hsl(38.6,100%,63.7%) |
HSV (or HSB) | 38.6°, 72.5, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 80.795, 12.992, 66.377 |
---|---|
XYZ | 60.544, 58.101, 13.82 |
xyY | 0.457, 0.439, 58.101 |
CIE-LCH | 80.795, 67.637, 78.926 |
CIE-LUV | 80.795, 53.489, 72.259 |
Hunter-Lab | 76.224, 8.39, 42.607 |
Binary | 11111111, 10111101, 01000110 |
Color Schemes with #ffbd46
Alternatives to #ffbd46
Below, you can see some colors close to #ffbd46. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbd46 Preview
This text has a font color of #ffbd46.
<span style="color:#ffbd46;">Text here</span>
This paragraph has a background color of #ffbd46.
<p style="background-color:#ffbd46;">Content here</p>
This element has a border color of #ffbd46.
<div style="border:1px solid #ffbd46;">Content here</div>
.text {color:#ffbd46;}
.background {background-color:#ffbd46;}
.border {border:1px solid #ffbd46;}
Shades and Tints of #ffbd46
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, #0b0700 is the darkest color, while #fffcf7 is the lightest one.
-
#0b0700
#0b0700
rgb(11,7,0)
-
#1f1400
#1f1400
rgb(31,20,0)
-
#322000
#322000
rgb(50,32,0)
-
#462d00
#462d00
rgb(70,45,0)
-
#5a3a00
#5a3a00
rgb(90,58,0)
-
#6d4600
#6d4600
rgb(109,70,0)
-
#815300
#815300
rgb(129,83,0)
-
#945f00
#945f00
rgb(148,95,0)
-
#a86c00
#a86c00
rgb(168,108,0)
-
#bc7900
#bc7900
rgb(188,121,0)
-
#cf8500
#cf8500
rgb(207,133,0)
-
#e39200
#e39200
rgb(227,146,0)
-
#f79f00
#f79f00
rgb(247,159,0)
-
#ffa80b
#ffa80b
rgb(255,168,11)
-
#ffaf1f
#ffaf1f
rgb(255,175,31)
-
#ffb632
#ffb632
rgb(255,182,50)
-
#ffbd46
#ffbd46
rgb(255,189,70)
-
#ffc45a
#ffc45a
rgb(255,196,90)
-
#ffcb6d
#ffcb6d
rgb(255,203,109)
-
#ffd281
#ffd281
rgb(255,210,129)
-
#ffd994
#ffd994
rgb(255,217,148)
-
#ffe0a8
#ffe0a8
rgb(255,224,168)
-
#ffe7bc
#ffe7bc
rgb(255,231,188)
-
#ffeecf
#ffeecf
rgb(255,238,207)
-
#fff5e3
#fff5e3
rgb(255,245,227)
-
#fffcf7
#fffcf7
rgb(255,252,247)
Tones of #ffbd46
A tone is produced by adding gray to any pure hue. In this case, #aaa59b is the less saturated color, while #ffbd46 is the most saturated one.
-
#aaa59b
#aaa59b
rgb(170,165,155)
-
#b1a794
#b1a794
rgb(177,167,148)
-
#b8a98d
#b8a98d
rgb(184,169,141)
-
#bfab86
#bfab86
rgb(191,171,134)
-
#c6ad7f
#c6ad7f
rgb(198,173,127)
-
#cdaf78
#cdaf78
rgb(205,175,120)
-
#d4b171
#d4b171
rgb(212,177,113)
-
#dbb36a
#dbb36a
rgb(219,179,106)
-
#e3b562
#e3b562
rgb(227,181,98)
-
#eab75b
#eab75b
rgb(234,183,91)
-
#f1b954
#f1b954
rgb(241,185,84)
-
#f8bb4d
#f8bb4d
rgb(248,187,77)
-
#ffbd46
#ffbd46
rgb(255,189,70)
Color Blindness Simulator
Below, you can see how #ffbd46 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.