#ffb22e Color Information
In a RGB color space, hex #ffb22e is composed of 100% red, 69.8% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.2% magenta, 82% yellow and 0% black. It has a hue angle of 37.9 degrees, a saturation of 100% and a lightness of 59%. #ffb22e color hex could be obtained by blending #ffff5c with #ff6500. Closest websafe color is: #ff9933.
-
- R 100
- G 70
- B 18
-
- C 0
- M 30
- Y 82
- K 0
● #ffb22e color description : Vivid orange.
#ffb22e Color Conversion
The hexadecimal color #ffb22e has RGB values of R:255, G:178, B:46 and CMYK values of C:0, M:0.3, Y:0.82, K:0. Its decimal value is 16757294.
Hex triplet | ffb22e | #ffb22e |
---|---|---|
RGB Decimal | 255, 178, 46 | rgb(255,178,46) |
RGB Percent | 100, 69.8, 18 | rgb(100%,69.8%,18%) |
CMYK | 0, 30, 82, 0 | |
HSL | 37.9°, 100, 59 | hsl(37.9,100%,59%) |
HSV (or HSB) | 37.9°, 82, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 78.053, 17.855, 72.419 |
---|---|
XYZ | 57.655, 53.302, 9.836 |
xyY | 0.477, 0.441, 53.302 |
CIE-LCH | 78.053, 74.588, 76.15 |
CIE-LUV | 78.053, 63.165, 73.749 |
Hunter-Lab | 73.008, 13.198, 43.117 |
Binary | 11111111, 10110010, 00101110 |
Color Schemes with #ffb22e
Alternatives to #ffb22e
Below, you can see some colors close to #ffb22e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffb22e Preview
This text has a font color of #ffb22e.
<span style="color:#ffb22e;">Text here</span>
This paragraph has a background color of #ffb22e.
<p style="background-color:#ffb22e;">Content here</p>
This element has a border color of #ffb22e.
<div style="border:1px solid #ffb22e;">Content here</div>
.text {color:#ffb22e;}
.background {background-color:#ffb22e;}
.border {border:1px solid #ffb22e;}
Shades and Tints of #ffb22e
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, #070400 is the darkest color, while #fffaf2 is the lightest one.
-
#070400
#070400
rgb(7,4,0)
-
#1a1100
#1a1100
rgb(26,17,0)
-
#2e1d00
#2e1d00
rgb(46,29,0)
-
#422900
#422900
rgb(66,41,0)
-
#553600
#553600
rgb(85,54,0)
-
#694200
#694200
rgb(105,66,0)
-
#7c4f00
#7c4f00
rgb(124,79,0)
-
#905b00
#905b00
rgb(144,91,0)
-
#a46700
#a46700
rgb(164,103,0)
-
#b77400
#b77400
rgb(183,116,0)
-
#cb8000
#cb8000
rgb(203,128,0)
-
#df8d00
#df8d00
rgb(223,141,0)
-
#f29900
#f29900
rgb(242,153,0)
-
#ffa407
#ffa407
rgb(255,164,7)
-
#ffab1a
#ffab1a
rgb(255,171,26)
-
#ffb22e
#ffb22e
rgb(255,178,46)
-
#ffb942
#ffb942
rgb(255,185,66)
-
#ffc055
#ffc055
rgb(255,192,85)
-
#ffc869
#ffc869
rgb(255,200,105)
-
#ffcf7c
#ffcf7c
rgb(255,207,124)
-
#ffd690
#ffd690
rgb(255,214,144)
-
#ffdda4
#ffdda4
rgb(255,221,164)
-
#ffe5b7
#ffe5b7
rgb(255,229,183)
-
#ffeccb
#ffeccb
rgb(255,236,203)
-
#fff3df
#fff3df
rgb(255,243,223)
-
#fffaf2
#fffaf2
rgb(255,250,242)
Tones of #ffb22e
A tone is produced by adding gray to any pure hue. In this case, #9f998e is the less saturated color, while #ffb22e is the most saturated one.
-
#9f998e
#9f998e
rgb(159,153,142)
-
#a79b86
#a79b86
rgb(167,155,134)
-
#af9d7e
#af9d7e
rgb(175,157,126)
-
#b79f76
#b79f76
rgb(183,159,118)
-
#bfa16e
#bfa16e
rgb(191,161,110)
-
#c7a366
#c7a366
rgb(199,163,102)
-
#cfa55e
#cfa55e
rgb(207,165,94)
-
#d7a756
#d7a756
rgb(215,167,86)
-
#dfaa4e
#dfaa4e
rgb(223,170,78)
-
#e7ac46
#e7ac46
rgb(231,172,70)
-
#efae3e
#efae3e
rgb(239,174,62)
-
#f7b036
#f7b036
rgb(247,176,54)
-
#ffb22e
#ffb22e
rgb(255,178,46)
Color Blindness Simulator
Below, you can see how #ffb22e 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.