#ffbf21 Color Information
In a RGB color space, hex #ffbf21 is composed of 100% red, 74.9% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.1% magenta, 87.1% yellow and 0% black. It has a hue angle of 42.7 degrees, a saturation of 100% and a lightness of 56.5%. #ffbf21 color hex could be obtained by blending #ffff42 with #ff7f00. Closest websafe color is: #ffcc33.
-
- R 100
- G 75
- B 13
-
- C 0
- M 25
- Y 87
- K 0
● #ffbf21 color description : Vivid orange.
#ffbf21 Color Conversion
The hexadecimal color #ffbf21 has RGB values of R:255, G:191, B:33 and CMYK values of C:0, M:0.25, Y:0.87, K:0. Its decimal value is 16760609.
Hex triplet | ffbf21 | #ffbf21 |
---|---|---|
RGB Decimal | 255, 191, 33 | rgb(255,191,33) |
RGB Percent | 100, 74.9, 12.9 | rgb(100%,74.9%,12.9%) |
CMYK | 0, 25, 87, 0 | |
HSL | 42.7°, 100, 56.5 | hsl(42.7,100%,56.5%) |
HSV (or HSB) | 42.7°, 87.1, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 81.09, 10.774, 78.417 |
---|---|
XYZ | 60.147, 58.635, 9.589 |
xyY | 0.469, 0.457, 58.635 |
CIE-LCH | 81.09, 79.153, 82.177 |
CIE-LUV | 81.09, 53.329, 80.726 |
Hunter-Lab | 76.573, 6.204, 46.177 |
Binary | 11111111, 10111111, 00100001 |
Color Schemes with #ffbf21
Alternatives to #ffbf21
Below, you can see some colors close to #ffbf21. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbf21 Preview
This text has a font color of #ffbf21.
<span style="color:#ffbf21;">Text here</span>
This paragraph has a background color of #ffbf21.
<p style="background-color:#ffbf21;">Content here</p>
This element has a border color of #ffbf21.
<div style="border:1px solid #ffbf21;">Content here</div>
.text {color:#ffbf21;}
.background {background-color:#ffbf21;}
.border {border:1px solid #ffbf21;}
Shades and Tints of #ffbf21
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, #0d0a00 is the darkest color, while #fffdf9 is the lightest one.
-
#0d0a00
#0d0a00
rgb(13,10,0)
-
#211700
#211700
rgb(33,23,0)
-
#352500
#352500
rgb(53,37,0)
-
#483300
#483300
rgb(72,51,0)
-
#5c4100
#5c4100
rgb(92,65,0)
-
#6f4f00
#6f4f00
rgb(111,79,0)
-
#835d00
#835d00
rgb(131,93,0)
-
#976b00
#976b00
rgb(151,107,0)
-
#aa7900
#aa7900
rgb(170,121,0)
-
#be8700
#be8700
rgb(190,135,0)
-
#d29500
#d29500
rgb(210,149,0)
-
#e5a300
#e5a300
rgb(229,163,0)
-
#f9b100
#f9b100
rgb(249,177,0)
-
#ffb90d
#ffb90d
rgb(255,185,13)
-
#ffbf21
#ffbf21
rgb(255,191,33)
-
#ffc535
#ffc535
rgb(255,197,53)
-
#ffca48
#ffca48
rgb(255,202,72)
-
#ffd05c
#ffd05c
rgb(255,208,92)
-
#ffd66f
#ffd66f
rgb(255,214,111)
-
#ffdb83
#ffdb83
rgb(255,219,131)
-
#ffe197
#ffe197
rgb(255,225,151)
-
#ffe7aa
#ffe7aa
rgb(255,231,170)
-
#ffecbe
#ffecbe
rgb(255,236,190)
-
#fff2d2
#fff2d2
rgb(255,242,210)
-
#fff8e5
#fff8e5
rgb(255,248,229)
-
#fffdf9
#fffdf9
rgb(255,253,249)
Tones of #ffbf21
A tone is produced by adding gray to any pure hue. In this case, #999487 is the less saturated color, while #ffbf21 is the most saturated one.
-
#999487
#999487
rgb(153,148,135)
-
#a1977f
#a1977f
rgb(161,151,127)
-
#aa9b76
#aa9b76
rgb(170,155,118)
-
#b29e6e
#b29e6e
rgb(178,158,110)
-
#bba265
#bba265
rgb(187,162,101)
-
#c3a65d
#c3a65d
rgb(195,166,93)
-
#cca954
#cca954
rgb(204,169,84)
-
#d4ad4c
#d4ad4c
rgb(212,173,76)
-
#ddb143
#ddb143
rgb(221,177,67)
-
#e5b43b
#e5b43b
rgb(229,180,59)
-
#eeb832
#eeb832
rgb(238,184,50)
-
#f6bb2a
#f6bb2a
rgb(246,187,42)
-
#ffbf21
#ffbf21
rgb(255,191,33)
Color Blindness Simulator
Below, you can see how #ffbf21 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.