#ffb702 Color Information
In a RGB color space, hex #ffb702 is composed of 100% red, 71.8% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.2% magenta, 99.2% yellow and 0% black. It has a hue angle of 42.9 degrees, a saturation of 100% and a lightness of 50.4%. #ffb702 color hex could be obtained by blending #ffff04 with #ff6f00. Closest websafe color is: #ffcc00.
-
- R 100
- G 72
- B 1
-
- C 0
- M 28
- Y 99
- K 0
● #ffb702 color description : Vivid orange.
#ffb702 Color Conversion
The hexadecimal color #ffb702 has RGB values of R:255, G:183, B:2 and CMYK values of C:0, M:0.28, Y:0.99, K:0. Its decimal value is 16758530.
Hex triplet | ffb702 | #ffb702 |
---|---|---|
RGB Decimal | 255, 183, 2 | rgb(255,183,2) |
RGB Percent | 100, 71.8, 0.8 | rgb(100%,71.8%,0.8%) |
CMYK | 0, 28, 99, 0 | |
HSL | 42.9°, 100, 50.4 | hsl(42.9,100%,50.4%) |
HSV (or HSB) | 42.9°, 99.2, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 79.119, 14.555, 81.525 |
---|---|
XYZ | 58.186, 55.135, 7.635 |
xyY | 0.481, 0.456, 55.135 |
CIE-LCH | 79.119, 82.814, 79.877 |
CIE-LUV | 79.119, 60.121, 80.315 |
Hunter-Lab | 74.253, 9.933, 45.881 |
Binary | 11111111, 10110111, 00000010 |
Color Schemes with #ffb702
Alternatives to #ffb702
Below, you can see some colors close to #ffb702. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffb702 Preview
This text has a font color of #ffb702.
<span style="color:#ffb702;">Text here</span>
This paragraph has a background color of #ffb702.
<p style="background-color:#ffb702;">Content here</p>
This element has a border color of #ffb702.
<div style="border:1px solid #ffb702;">Content here</div>
.text {color:#ffb702;}
.background {background-color:#ffb702;}
.border {border:1px solid #ffb702;}
Shades and Tints of #ffb702
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, #020100 is the darkest color, while #fffaed is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#160f00
#160f00
rgb(22,15,0)
-
#291d00
#291d00
rgb(41,29,0)
-
#3d2c00
#3d2c00
rgb(61,44,0)
-
#503a00
#503a00
rgb(80,58,0)
-
#644800
#644800
rgb(100,72,0)
-
#785600
#785600
rgb(120,86,0)
-
#8b6400
#8b6400
rgb(139,100,0)
-
#9f7200
#9f7200
rgb(159,114,0)
-
#b38000
#b38000
rgb(179,128,0)
-
#c68e00
#c68e00
rgb(198,142,0)
-
#da9c00
#da9c00
rgb(218,156,0)
-
#edaa00
#edaa00
rgb(237,170,0)
-
#ffb702
#ffb702
rgb(255,183,2)
-
#ffbd16
#ffbd16
rgb(255,189,22)
-
#ffc229
#ffc229
rgb(255,194,41)
-
#ffc83d
#ffc83d
rgb(255,200,61)
-
#ffcd50
#ffcd50
rgb(255,205,80)
-
#ffd364
#ffd364
rgb(255,211,100)
-
#ffd878
#ffd878
rgb(255,216,120)
-
#ffde8b
#ffde8b
rgb(255,222,139)
-
#ffe49f
#ffe49f
rgb(255,228,159)
-
#ffe9b3
#ffe9b3
rgb(255,233,179)
-
#ffefc6
#ffefc6
rgb(255,239,198)
-
#fff4da
#fff4da
rgb(255,244,218)
-
#fffaed
#fffaed
rgb(255,250,237)
Tones of #ffb702
A tone is produced by adding gray to any pure hue. In this case, #8a8577 is the less saturated color, while #ffb702 is the most saturated one.
-
#8a8577
#8a8577
rgb(138,133,119)
-
#94896d
#94896d
rgb(148,137,109)
-
#9e8d63
#9e8d63
rgb(158,141,99)
-
#a7915a
#a7915a
rgb(167,145,90)
-
#b19550
#b19550
rgb(177,149,80)
-
#bb9a46
#bb9a46
rgb(187,154,70)
-
#c59e3c
#c59e3c
rgb(197,158,60)
-
#cea233
#cea233
rgb(206,162,51)
-
#d8a629
#d8a629
rgb(216,166,41)
-
#e2aa1f
#e2aa1f
rgb(226,170,31)
-
#ecaf15
#ecaf15
rgb(236,175,21)
-
#f5b30c
#f5b30c
rgb(245,179,12)
-
#ffb702
#ffb702
rgb(255,183,2)
Color Blindness Simulator
Below, you can see how #ffb702 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.