#ffbd20 Color Information
In a RGB color space, hex #ffbd20 is composed of 100% red, 74.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.9% magenta, 87.5% yellow and 0% black. It has a hue angle of 42.2 degrees, a saturation of 100% and a lightness of 56.3%. #ffbd20 color hex could be obtained by blending #ffff40 with #ff7b00. Closest websafe color is: #ffcc33.
-
- R 100
- G 74
- B 13
-
- C 0
- M 26
- Y 87
- K 0
● #ffbd20 color description : Vivid orange.
#ffbd20 Color Conversion
The hexadecimal color #ffbd20 has RGB values of R:255, G:189, B:32 and CMYK values of C:0, M:0.26, Y:0.87, K:0. Its decimal value is 16760096.
Hex triplet | ffbd20 | #ffbd20 |
---|---|---|
RGB Decimal | 255, 189, 32 | rgb(255,189,32) |
RGB Percent | 100, 74.1, 12.5 | rgb(100%,74.1%,12.5%) |
CMYK | 0, 26, 87, 0 | |
HSL | 42.2°, 100, 56.3 | hsl(42.2,100%,56.3%) |
HSV (or HSB) | 42.2°, 87.5, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 80.607, 11.792, 78.259 |
---|---|
XYZ | 59.7, 57.763, 9.372 |
xyY | 0.471, 0.455, 57.763 |
CIE-LCH | 80.607, 79.143, 81.431 |
CIE-LUV | 80.607, 54.915, 80.111 |
Hunter-Lab | 76.002, 7.209, 45.89 |
Binary | 11111111, 10111101, 00100000 |
Color Schemes with #ffbd20
Alternatives to #ffbd20
Below, you can see some colors close to #ffbd20. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbd20 Preview
This text has a font color of #ffbd20.
<span style="color:#ffbd20;">Text here</span>
This paragraph has a background color of #ffbd20.
<p style="background-color:#ffbd20;">Content here</p>
This element has a border color of #ffbd20.
<div style="border:1px solid #ffbd20;">Content here</div>
.text {color:#ffbd20;}
.background {background-color:#ffbd20;}
.border {border:1px solid #ffbd20;}
Shades and Tints of #ffbd20
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, #0c0900 is the darkest color, while #fffdf8 is the lightest one.
-
#0c0900
#0c0900
rgb(12,9,0)
-
#201700
#201700
rgb(32,23,0)
-
#342400
#342400
rgb(52,36,0)
-
#473200
#473200
rgb(71,50,0)
-
#5b4000
#5b4000
rgb(91,64,0)
-
#6e4e00
#6e4e00
rgb(110,78,0)
-
#825c00
#825c00
rgb(130,92,0)
-
#966900
#966900
rgb(150,105,0)
-
#a97700
#a97700
rgb(169,119,0)
-
#bd8500
#bd8500
rgb(189,133,0)
-
#d19300
#d19300
rgb(209,147,0)
-
#e4a100
#e4a100
rgb(228,161,0)
-
#f8ae00
#f8ae00
rgb(248,174,0)
-
#ffb70c
#ffb70c
rgb(255,183,12)
-
#ffbd20
#ffbd20
rgb(255,189,32)
-
#ffc334
#ffc334
rgb(255,195,52)
-
#ffc947
#ffc947
rgb(255,201,71)
-
#ffce5b
#ffce5b
rgb(255,206,91)
-
#ffd46e
#ffd46e
rgb(255,212,110)
-
#ffda82
#ffda82
rgb(255,218,130)
-
#ffe096
#ffe096
rgb(255,224,150)
-
#ffe6a9
#ffe6a9
rgb(255,230,169)
-
#ffebbd
#ffebbd
rgb(255,235,189)
-
#fff1d1
#fff1d1
rgb(255,241,209)
-
#fff7e4
#fff7e4
rgb(255,247,228)
-
#fffdf8
#fffdf8
rgb(255,253,248)
Tones of #ffbd20
A tone is produced by adding gray to any pure hue. In this case, #989387 is the less saturated color, while #ffbd20 is the most saturated one.
-
#989387
#989387
rgb(152,147,135)
-
#a1977e
#a1977e
rgb(161,151,126)
-
#a99a76
#a99a76
rgb(169,154,118)
-
#b29e6d
#b29e6d
rgb(178,158,109)
-
#baa165
#baa165
rgb(186,161,101)
-
#c3a55c
#c3a55c
rgb(195,165,92)
-
#cca853
#cca853
rgb(204,168,83)
-
#d4ac4b
#d4ac4b
rgb(212,172,75)
-
#ddaf42
#ddaf42
rgb(221,175,66)
-
#e5b33a
#e5b33a
rgb(229,179,58)
-
#eeb631
#eeb631
rgb(238,182,49)
-
#f6ba29
#f6ba29
rgb(246,186,41)
-
#ffbd20
#ffbd20
rgb(255,189,32)
Color Blindness Simulator
Below, you can see how #ffbd20 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.