#ffb31f Color Information
In a RGB color space, hex #ffb31f is composed of 100% red, 70.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.8% magenta, 87.8% yellow and 0% black. It has a hue angle of 39.6 degrees, a saturation of 100% and a lightness of 56.1%. #ffb31f color hex could be obtained by blending #ffff3e with #ff6700. Closest websafe color is: #ffcc33.
-
- R 100
- G 70
- B 12
-
- C 0
- M 30
- Y 88
- K 0
● #ffb31f color description : Vivid orange.
#ffb31f Color Conversion
The hexadecimal color #ffb31f has RGB values of R:255, G:179, B:31 and CMYK values of C:0, M:0.3, Y:0.88, K:0. Its decimal value is 16757535.
Hex triplet | ffb31f | #ffb31f |
---|---|---|
RGB Decimal | 255, 179, 31 | rgb(255,179,31) |
RGB Percent | 100, 70.2, 12.2 | rgb(100%,70.2%,12.2%) |
CMYK | 0, 30, 88, 0 | |
HSL | 39.6°, 100, 56.1 | hsl(39.6,100%,56.1%) |
HSV (or HSB) | 39.6°, 87.8, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 78.23, 16.981, 76.625 |
---|---|
XYZ | 57.609, 53.603, 8.609 |
xyY | 0.481, 0.447, 53.603 |
CIE-LCH | 78.23, 78.484, 77.505 |
CIE-LUV | 78.23, 62.862, 76.534 |
Hunter-Lab | 73.214, 12.329, 44.278 |
Binary | 11111111, 10110011, 00011111 |
Color Schemes with #ffb31f
Alternatives to #ffb31f
Below, you can see some colors close to #ffb31f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffb31f Preview
This text has a font color of #ffb31f.
<span style="color:#ffb31f;">Text here</span>
This paragraph has a background color of #ffb31f.
<p style="background-color:#ffb31f;">Content here</p>
This element has a border color of #ffb31f.
<div style="border:1px solid #ffb31f;">Content here</div>
.text {color:#ffb31f;}
.background {background-color:#ffb31f;}
.border {border:1px solid #ffb31f;}
Shades and Tints of #ffb31f
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, #0b0800 is the darkest color, while #fffcf7 is the lightest one.
-
#0b0800
#0b0800
rgb(11,8,0)
-
#1f1400
#1f1400
rgb(31,20,0)
-
#332100
#332100
rgb(51,33,0)
-
#462e00
#462e00
rgb(70,46,0)
-
#5a3b00
#5a3b00
rgb(90,59,0)
-
#6d4800
#6d4800
rgb(109,72,0)
-
#815500
#815500
rgb(129,85,0)
-
#956200
#956200
rgb(149,98,0)
-
#a86f00
#a86f00
rgb(168,111,0)
-
#bc7c00
#bc7c00
rgb(188,124,0)
-
#d08900
#d08900
rgb(208,137,0)
-
#e39600
#e39600
rgb(227,150,0)
-
#f7a300
#f7a300
rgb(247,163,0)
-
#ffac0b
#ffac0b
rgb(255,172,11)
-
#ffb31f
#ffb31f
rgb(255,179,31)
-
#ffba33
#ffba33
rgb(255,186,51)
-
#ffc046
#ffc046
rgb(255,192,70)
-
#ffc75a
#ffc75a
rgb(255,199,90)
-
#ffce6d
#ffce6d
rgb(255,206,109)
-
#ffd481
#ffd481
rgb(255,212,129)
-
#ffdb95
#ffdb95
rgb(255,219,149)
-
#ffe2a8
#ffe2a8
rgb(255,226,168)
-
#ffe8bc
#ffe8bc
rgb(255,232,188)
-
#ffefd0
#ffefd0
rgb(255,239,208)
-
#fff6e3
#fff6e3
rgb(255,246,227)
-
#fffcf7
#fffcf7
rgb(255,252,247)
Tones of #ffb31f
A tone is produced by adding gray to any pure hue. In this case, #989286 is the less saturated color, while #ffb31f is the most saturated one.
-
#989286
#989286
rgb(152,146,134)
-
#a0957e
#a0957e
rgb(160,149,126)
-
#a99775
#a99775
rgb(169,151,117)
-
#b19a6d
#b19a6d
rgb(177,154,109)
-
#ba9d64
#ba9d64
rgb(186,157,100)
-
#c3a05b
#c3a05b
rgb(195,160,91)
-
#cba253
#cba253
rgb(203,162,83)
-
#d4a54a
#d4a54a
rgb(212,165,74)
-
#dda841
#dda841
rgb(221,168,65)
-
#e5ab39
#e5ab39
rgb(229,171,57)
-
#eead30
#eead30
rgb(238,173,48)
-
#f6b028
#f6b028
rgb(246,176,40)
-
#ffb31f
#ffb31f
rgb(255,179,31)
Color Blindness Simulator
Below, you can see how #ffb31f 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.