#ffbb12 Color Information
In a RGB color space, hex #ffbb12 is composed of 100% red, 73.3% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.7% magenta, 92.9% yellow and 0% black. It has a hue angle of 42.8 degrees, a saturation of 100% and a lightness of 53.5%. #ffbb12 color hex could be obtained by blending #ffff24 with #ff7700. Closest websafe color is: #ffcc00.
-
- R 100
- G 73
- B 7
-
- C 0
- M 27
- Y 93
- K 0
● #ffbb12 color description : Vivid orange.
#ffbb12 Color Conversion
The hexadecimal color #ffbb12 has RGB values of R:255, G:187, B:18 and CMYK values of C:0, M:0.27, Y:0.93, K:0. Its decimal value is 16759570.
Hex triplet | ffbb12 | #ffbb12 |
---|---|---|
RGB Decimal | 255, 187, 18 | rgb(255,187,18) |
RGB Percent | 100, 73.3, 7.1 | rgb(100%,73.3%,7.1%) |
CMYK | 0, 27, 93, 0 | |
HSL | 42.8°, 100, 53.5 | hsl(42.8,100%,53.5%) |
HSV (or HSB) | 42.8°, 92.9, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 80.094, 12.615, 80.433 |
---|---|
XYZ | 59.121, 56.848, 8.431 |
xyY | 0.475, 0.457, 56.848 |
CIE-LCH | 80.094, 81.416, 81.087 |
CIE-LUV | 80.094, 56.755, 80.817 |
Hunter-Lab | 75.397, 8.02, 46.148 |
Binary | 11111111, 10111011, 00010010 |
Color Schemes with #ffbb12
Alternatives to #ffbb12
Below, you can see some colors close to #ffbb12. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbb12 Preview
This text has a font color of #ffbb12.
<span style="color:#ffbb12;">Text here</span>
This paragraph has a background color of #ffbb12.
<p style="background-color:#ffbb12;">Content here</p>
This element has a border color of #ffbb12.
<div style="border:1px solid #ffbb12;">Content here</div>
.text {color:#ffbb12;}
.background {background-color:#ffbb12;}
.border {border:1px solid #ffbb12;}
Shades and Tints of #ffbb12
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, #120d00 is the darkest color, while #fffffd is the lightest one.
-
#120d00
#120d00
rgb(18,13,0)
-
#261b00
#261b00
rgb(38,27,0)
-
#392900
#392900
rgb(57,41,0)
-
#4d3700
#4d3700
rgb(77,55,0)
-
#604500
#604500
rgb(96,69,0)
-
#745300
#745300
rgb(116,83,0)
-
#886100
#886100
rgb(136,97,0)
-
#9b6f00
#9b6f00
rgb(155,111,0)
-
#af7d00
#af7d00
rgb(175,125,0)
-
#c38b00
#c38b00
rgb(195,139,0)
-
#d69900
#d69900
rgb(214,153,0)
-
#eaa700
#eaa700
rgb(234,167,0)
-
#fdb500
#fdb500
rgb(253,181,0)
-
#ffbb12
#ffbb12
rgb(255,187,18)
-
#ffc126
#ffc126
rgb(255,193,38)
-
#ffc639
#ffc639
rgb(255,198,57)
-
#ffcc4d
#ffcc4d
rgb(255,204,77)
-
#ffd260
#ffd260
rgb(255,210,96)
-
#ffd774
#ffd774
rgb(255,215,116)
-
#ffdd88
#ffdd88
rgb(255,221,136)
-
#ffe29b
#ffe29b
rgb(255,226,155)
-
#ffe8af
#ffe8af
rgb(255,232,175)
-
#ffeec3
#ffeec3
rgb(255,238,195)
-
#fff3d6
#fff3d6
rgb(255,243,214)
-
#fff9ea
#fff9ea
rgb(255,249,234)
-
#fffffd
#fffffd
rgb(255,255,253)
Tones of #ffbb12
A tone is produced by adding gray to any pure hue. In this case, #928c7f is the less saturated color, while #ffbb12 is the most saturated one.
-
#928c7f
#928c7f
rgb(146,140,127)
-
#9b9076
#9b9076
rgb(155,144,118)
-
#a4946d
#a4946d
rgb(164,148,109)
-
#ad9864
#ad9864
rgb(173,152,100)
-
#b69c5b
#b69c5b
rgb(182,156,91)
-
#bfa052
#bfa052
rgb(191,160,82)
-
#c8a449
#c8a449
rgb(200,164,73)
-
#d1a840
#d1a840
rgb(209,168,64)
-
#dbab36
#dbab36
rgb(219,171,54)
-
#e4af2d
#e4af2d
rgb(228,175,45)
-
#edb324
#edb324
rgb(237,179,36)
-
#f6b71b
#f6b71b
rgb(246,183,27)
-
#ffbb12
#ffbb12
rgb(255,187,18)
Color Blindness Simulator
Below, you can see how #ffbb12 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.