#ffb307 Color Information
In a RGB color space, hex #ffb307 is composed of 100% red, 70.2% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.8% magenta, 97.3% yellow and 0% black. It has a hue angle of 41.6 degrees, a saturation of 100% and a lightness of 51.4%. #ffb307 color hex could be obtained by blending #ffff0e with #ff6700. Closest websafe color is: #ffcc00.
-
- R 100
- G 70
- B 3
-
- C 0
- M 30
- Y 97
- K 0
● #ffb307 color description : Vivid orange.
#ffb307 Color Conversion
The hexadecimal color #ffb307 has RGB values of R:255, G:179, B:7 and CMYK values of C:0, M:0.3, Y:0.97, K:0. Its decimal value is 16757511.
Hex triplet | ffb307 | #ffb307 |
---|---|---|
RGB Decimal | 255, 179, 7 | rgb(255,179,7) |
RGB Percent | 100, 70.2, 2.7 | rgb(100%,70.2%,2.7%) |
CMYK | 0, 30, 97, 0 | |
HSL | 41.6°, 100, 51.4 | hsl(41.6,100%,51.4%) |
HSV (or HSB) | 41.6°, 97.3, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 78.181, 16.68, 80.366 |
---|---|
XYZ | 57.4, 53.519, 7.508 |
xyY | 0.485, 0.452, 53.519 |
CIE-LCH | 78.181, 82.079, 78.275 |
CIE-LUV | 78.181, 63.285, 78.601 |
Hunter-Lab | 73.157, 12.029, 45.125 |
Binary | 11111111, 10110011, 00000111 |
Color Schemes with #ffb307
Alternatives to #ffb307
Below, you can see some colors close to #ffb307. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffb307 Preview
This text has a font color of #ffb307.
<span style="color:#ffb307;">Text here</span>
This paragraph has a background color of #ffb307.
<p style="background-color:#ffb307;">Content here</p>
This element has a border color of #ffb307.
<div style="border:1px solid #ffb307;">Content here</div>
.text {color:#ffb307;}
.background {background-color:#ffb307;}
.border {border:1px solid #ffb307;}
Shades and Tints of #ffb307
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, #070500 is the darkest color, while #fffbf2 is the lightest one.
-
#070500
#070500
rgb(7,5,0)
-
#1b1200
#1b1200
rgb(27,18,0)
-
#2e2000
#2e2000
rgb(46,32,0)
-
#422e00
#422e00
rgb(66,46,0)
-
#553b00
#553b00
rgb(85,59,0)
-
#694900
#694900
rgb(105,73,0)
-
#7d5600
#7d5600
rgb(125,86,0)
-
#906400
#906400
rgb(144,100,0)
-
#a47200
#a47200
rgb(164,114,0)
-
#b87f00
#b87f00
rgb(184,127,0)
-
#cb8d00
#cb8d00
rgb(203,141,0)
-
#df9b00
#df9b00
rgb(223,155,0)
-
#f2a800
#f2a800
rgb(242,168,0)
-
#ffb307
#ffb307
rgb(255,179,7)
-
#ffb91b
#ffb91b
rgb(255,185,27)
-
#ffbf2e
#ffbf2e
rgb(255,191,46)
-
#ffc542
#ffc542
rgb(255,197,66)
-
#ffcb55
#ffcb55
rgb(255,203,85)
-
#ffd169
#ffd169
rgb(255,209,105)
-
#ffd77d
#ffd77d
rgb(255,215,125)
-
#ffdd90
#ffdd90
rgb(255,221,144)
-
#ffe3a4
#ffe3a4
rgb(255,227,164)
-
#ffe9b8
#ffe9b8
rgb(255,233,184)
-
#ffefcb
#ffefcb
rgb(255,239,203)
-
#fff5df
#fff5df
rgb(255,245,223)
-
#fffbf2
#fffbf2
rgb(255,251,242)
Tones of #ffb307
A tone is produced by adding gray to any pure hue. In this case, #8d8779 is the less saturated color, while #ffb307 is the most saturated one.
-
#8d8779
#8d8779
rgb(141,135,121)
-
#968a70
#968a70
rgb(150,138,112)
-
#a08e66
#a08e66
rgb(160,142,102)
-
#a9925d
#a9925d
rgb(169,146,93)
-
#b39553
#b39553
rgb(179,149,83)
-
#bc994a
#bc994a
rgb(188,153,74)
-
#c69d40
#c69d40
rgb(198,157,64)
-
#cfa137
#cfa137
rgb(207,161,55)
-
#d9a42d
#d9a42d
rgb(217,164,45)
-
#e2a824
#e2a824
rgb(226,168,36)
-
#ecac1a
#ecac1a
rgb(236,172,26)
-
#f5af11
#f5af11
rgb(245,175,17)
-
#ffb307
#ffb307
rgb(255,179,7)
Color Blindness Simulator
Below, you can see how #ffb307 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.