#ffb310 Color Information
In a RGB color space, hex #ffb310 is composed of 100% red, 70.2% green and 6.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.8% magenta, 93.7% yellow and 0% black. It has a hue angle of 40.9 degrees, a saturation of 100% and a lightness of 53.1%. #ffb310 color hex could be obtained by blending #ffff20 with #ff6700. Closest websafe color is: #ffcc00.
-
- R 100
- G 70
- B 6
-
- C 0
- M 30
- Y 94
- K 0
● #ffb310 color description : Vivid orange.
#ffb310 Color Conversion
The hexadecimal color #ffb310 has RGB values of R:255, G:179, B:16 and CMYK values of C:0, M:0.3, Y:0.94, K:0. Its decimal value is 16757520.
Hex triplet | ffb310 | #ffb310 |
---|---|---|
RGB Decimal | 255, 179, 16 | rgb(255,179,16) |
RGB Percent | 100, 70.2, 6.3 | rgb(100%,70.2%,6.3%) |
CMYK | 0, 30, 94, 0 | |
HSL | 40.9°, 100, 53.1 | hsl(40.9,100%,53.1%) |
HSV (or HSB) | 40.9°, 93.7, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 78.194, 16.759, 79.344 |
---|---|
XYZ | 57.455, 53.541, 7.799 |
xyY | 0.484, 0.451, 53.541 |
CIE-LCH | 78.194, 81.095, 78.073 |
CIE-LUV | 78.194, 63.173, 78.054 |
Hunter-Lab | 73.172, 12.108, 44.901 |
Binary | 11111111, 10110011, 00010000 |
Color Schemes with #ffb310
Alternatives to #ffb310
Below, you can see some colors close to #ffb310. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffb310 Preview
This text has a font color of #ffb310.
<span style="color:#ffb310;">Text here</span>
This paragraph has a background color of #ffb310.
<p style="background-color:#ffb310;">Content here</p>
This element has a border color of #ffb310.
<div style="border:1px solid #ffb310;">Content here</div>
.text {color:#ffb310;}
.background {background-color:#ffb310;}
.border {border:1px solid #ffb310;}
Shades and Tints of #ffb310
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, #100b00 is the darkest color, while #fffefb is the lightest one.
-
#100b00
#100b00
rgb(16,11,0)
-
#241800
#241800
rgb(36,24,0)
-
#372600
#372600
rgb(55,38,0)
-
#4b3300
#4b3300
rgb(75,51,0)
-
#5e4000
#5e4000
rgb(94,64,0)
-
#724e00
#724e00
rgb(114,78,0)
-
#865b00
#865b00
rgb(134,91,0)
-
#996900
#996900
rgb(153,105,0)
-
#ad7600
#ad7600
rgb(173,118,0)
-
#c18300
#c18300
rgb(193,131,0)
-
#d49100
#d49100
rgb(212,145,0)
-
#e89e00
#e89e00
rgb(232,158,0)
-
#fbab00
#fbab00
rgb(251,171,0)
-
#ffb310
#ffb310
rgb(255,179,16)
-
#ffb924
#ffb924
rgb(255,185,36)
-
#ffbf37
#ffbf37
rgb(255,191,55)
-
#ffc64b
#ffc64b
rgb(255,198,75)
-
#ffcc5e
#ffcc5e
rgb(255,204,94)
-
#ffd272
#ffd272
rgb(255,210,114)
-
#ffd886
#ffd886
rgb(255,216,134)
-
#ffdf99
#ffdf99
rgb(255,223,153)
-
#ffe5ad
#ffe5ad
rgb(255,229,173)
-
#ffebc1
#ffebc1
rgb(255,235,193)
-
#fff1d4
#fff1d4
rgb(255,241,212)
-
#fff8e8
#fff8e8
rgb(255,248,232)
-
#fffefb
#fffefb
rgb(255,254,251)
Tones of #ffb310
A tone is produced by adding gray to any pure hue. In this case, #918b7e is the less saturated color, while #ffb310 is the most saturated one.
-
#918b7e
#918b7e
rgb(145,139,126)
-
#9a8e75
#9a8e75
rgb(154,142,117)
-
#a3926c
#a3926c
rgb(163,146,108)
-
#ac9563
#ac9563
rgb(172,149,99)
-
#b5985a
#b5985a
rgb(181,152,90)
-
#bf9c50
#bf9c50
rgb(191,156,80)
-
#c89f47
#c89f47
rgb(200,159,71)
-
#d1a23e
#d1a23e
rgb(209,162,62)
-
#daa635
#daa635
rgb(218,166,53)
-
#e3a92c
#e3a92c
rgb(227,169,44)
-
#edac22
#edac22
rgb(237,172,34)
-
#f6b019
#f6b019
rgb(246,176,25)
-
#ffb310
#ffb310
rgb(255,179,16)
Color Blindness Simulator
Below, you can see how #ffb310 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.