#ffbf20 Color Information
In a RGB color space, hex #ffbf20 is composed of 100% red, 74.9% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.1% magenta, 87.5% yellow and 0% black. It has a hue angle of 42.8 degrees, a saturation of 100% and a lightness of 56.3%. #ffbf20 color hex could be obtained by blending #ffff40 with #ff7f00. Closest websafe color is: #ffcc33.
-
- R 100
- G 75
- B 13
-
- C 0
- M 25
- Y 87
- K 0
● #ffbf20 color description : Vivid orange.
#ffbf20 Color Conversion
The hexadecimal color #ffbf20 has RGB values of R:255, G:191, B:32 and CMYK values of C:0, M:0.25, Y:0.87, K:0. Its decimal value is 16760608.
Hex triplet | ffbf20 | #ffbf20 |
---|---|---|
RGB Decimal | 255, 191, 32 | rgb(255,191,32) |
RGB Percent | 100, 74.9, 12.5 | rgb(100%,74.9%,12.5%) |
CMYK | 0, 25, 87, 0 | |
HSL | 42.8°, 100, 56.3 | hsl(42.8,100%,56.3%) |
HSV (or HSB) | 42.8°, 87.5, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 81.087, 10.754, 78.637 |
---|---|
XYZ | 60.133, 58.629, 9.516 |
xyY | 0.469, 0.457, 58.629 |
CIE-LCH | 81.087, 79.369, 82.213 |
CIE-LUV | 81.087, 53.352, 80.856 |
Hunter-Lab | 76.57, 6.185, 46.23 |
Binary | 11111111, 10111111, 00100000 |
Color Schemes with #ffbf20
Alternatives to #ffbf20
Below, you can see some colors close to #ffbf20. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbf20 Preview
This text has a font color of #ffbf20.
<span style="color:#ffbf20;">Text here</span>
This paragraph has a background color of #ffbf20.
<p style="background-color:#ffbf20;">Content here</p>
This element has a border color of #ffbf20.
<div style="border:1px solid #ffbf20;">Content here</div>
.text {color:#ffbf20;}
.background {background-color:#ffbf20;}
.border {border:1px solid #ffbf20;}
Shades and Tints of #ffbf20
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)
-
#342500
#342500
rgb(52,37,0)
-
#473300
#473300
rgb(71,51,0)
-
#5b4100
#5b4100
rgb(91,65,0)
-
#6e4f00
#6e4f00
rgb(110,79,0)
-
#825d00
#825d00
rgb(130,93,0)
-
#966b00
#966b00
rgb(150,107,0)
-
#a97900
#a97900
rgb(169,121,0)
-
#bd8700
#bd8700
rgb(189,135,0)
-
#d19500
#d19500
rgb(209,149,0)
-
#e4a300
#e4a300
rgb(228,163,0)
-
#f8b100
#f8b100
rgb(248,177,0)
-
#ffb90c
#ffb90c
rgb(255,185,12)
-
#ffbf20
#ffbf20
rgb(255,191,32)
-
#ffc534
#ffc534
rgb(255,197,52)
-
#ffca47
#ffca47
rgb(255,202,71)
-
#ffd05b
#ffd05b
rgb(255,208,91)
-
#ffd66e
#ffd66e
rgb(255,214,110)
-
#ffdb82
#ffdb82
rgb(255,219,130)
-
#ffe196
#ffe196
rgb(255,225,150)
-
#ffe6a9
#ffe6a9
rgb(255,230,169)
-
#ffecbd
#ffecbd
rgb(255,236,189)
-
#fff2d1
#fff2d1
rgb(255,242,209)
-
#fff7e4
#fff7e4
rgb(255,247,228)
-
#fffdf8
#fffdf8
rgb(255,253,248)
Tones of #ffbf20
A tone is produced by adding gray to any pure hue. In this case, #989387 is the less saturated color, while #ffbf20 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)
-
#baa265
#baa265
rgb(186,162,101)
-
#c3a55c
#c3a55c
rgb(195,165,92)
-
#cca953
#cca953
rgb(204,169,83)
-
#d4ad4b
#d4ad4b
rgb(212,173,75)
-
#ddb042
#ddb042
rgb(221,176,66)
-
#e5b43a
#e5b43a
rgb(229,180,58)
-
#eeb831
#eeb831
rgb(238,184,49)
-
#f6bb29
#f6bb29
rgb(246,187,41)
-
#ffbf20
#ffbf20
rgb(255,191,32)
Color Blindness Simulator
Below, you can see how #ffbf20 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.