#ffbb6c Color Information
In a RGB color space, hex #ffbb6c is composed of 100% red, 73.3% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.7% magenta, 57.6% yellow and 0% black. It has a hue angle of 32.2 degrees, a saturation of 100% and a lightness of 71.2%. #ffbb6c color hex could be obtained by blending #ffffd8 with #ff7700. Closest websafe color is: #ffcc66.
-
- R 100
- G 73
- B 42
-
- C 0
- M 27
- Y 58
- K 0
● #ffbb6c color description : Very light orange.
#ffbb6c Color Conversion
The hexadecimal color #ffbb6c has RGB values of R:255, G:187, B:108 and CMYK values of C:0, M:0.27, Y:0.58, K:0. Its decimal value is 16759660.
Hex triplet | ffbb6c | #ffbb6c |
---|---|---|
RGB Decimal | 255, 187, 108 | rgb(255,187,108) |
RGB Percent | 100, 73.3, 42.4 | rgb(100%,73.3%,42.4%) |
CMYK | 0, 27, 58, 0 | |
HSL | 32.2°, 100, 71.2 | hsl(32.2,100%,71.2%) |
HSV (or HSB) | 32.2°, 57.6, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 80.676, 16.267, 49.129 |
---|---|
XYZ | 61.718, 57.887, 22.109 |
xyY | 0.436, 0.408, 57.887 |
CIE-LCH | 80.676, 51.752, 71.68 |
CIE-LUV | 80.676, 52.374, 57.216 |
Hunter-Lab | 76.083, 11.651, 36.029 |
Binary | 11111111, 10111011, 01101100 |
Color Schemes with #ffbb6c
Alternatives to #ffbb6c
Below, you can see some colors close to #ffbb6c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbb6c Preview
This text has a font color of #ffbb6c.
<span style="color:#ffbb6c;">Text here</span>
This paragraph has a background color of #ffbb6c.
<p style="background-color:#ffbb6c;">Content here</p>
This element has a border color of #ffbb6c.
<div style="border:1px solid #ffbb6c;">Content here</div>
.text {color:#ffbb6c;}
.background {background-color:#ffbb6c;}
.border {border:1px solid #ffbb6c;}
Shades and Tints of #ffbb6c
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, #0a0500 is the darkest color, while #fffbf5 is the lightest one.
-
#0a0500
#0a0500
rgb(10,5,0)
-
#1e1000
#1e1000
rgb(30,16,0)
-
#311a00
#311a00
rgb(49,26,0)
-
#452500
#452500
rgb(69,37,0)
-
#582f00
#582f00
rgb(88,47,0)
-
#6c3a00
#6c3a00
rgb(108,58,0)
-
#804500
#804500
rgb(128,69,0)
-
#934f00
#934f00
rgb(147,79,0)
-
#a75a00
#a75a00
rgb(167,90,0)
-
#ba6400
#ba6400
rgb(186,100,0)
-
#ce6f00
#ce6f00
rgb(206,111,0)
-
#e27900
#e27900
rgb(226,121,0)
-
#f58400
#f58400
rgb(245,132,0)
-
#ff8e0a
#ff8e0a
rgb(255,142,10)
-
#ff971e
#ff971e
rgb(255,151,30)
-
#ffa031
#ffa031
rgb(255,160,49)
-
#ffa945
#ffa945
rgb(255,169,69)
-
#ffb258
#ffb258
rgb(255,178,88)
-
#ffbb6c
#ffbb6c
rgb(255,187,108)
-
#ffc480
#ffc480
rgb(255,196,128)
-
#ffcd93
#ffcd93
rgb(255,205,147)
-
#ffd6a7
#ffd6a7
rgb(255,214,167)
-
#ffdfba
#ffdfba
rgb(255,223,186)
-
#ffe8ce
#ffe8ce
rgb(255,232,206)
-
#fff1e2
#fff1e2
rgb(255,241,226)
-
#fffbf5
#fffbf5
rgb(255,251,245)
Tones of #ffbb6c
A tone is produced by adding gray to any pure hue. In this case, #bbb6b0 is the less saturated color, while #ffbb6c is the most saturated one.
-
#bbb6b0
#bbb6b0
rgb(187,182,176)
-
#c1b6aa
#c1b6aa
rgb(193,182,170)
-
#c6b7a5
#c6b7a5
rgb(198,183,165)
-
#ccb79f
#ccb79f
rgb(204,183,159)
-
#d2b899
#d2b899
rgb(210,184,153)
-
#d7b894
#d7b894
rgb(215,184,148)
-
#ddb88e
#ddb88e
rgb(221,184,142)
-
#e3b988
#e3b988
rgb(227,185,136)
-
#e8b983
#e8b983
rgb(232,185,131)
-
#eeba7d
#eeba7d
rgb(238,186,125)
-
#f4ba77
#f4ba77
rgb(244,186,119)
-
#f9bb72
#f9bb72
rgb(249,187,114)
-
#ffbb6c
#ffbb6c
rgb(255,187,108)
Color Blindness Simulator
Below, you can see how #ffbb6c 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.