#ffbc6b Color Information
In a RGB color space, hex #ffbc6b is composed of 100% red, 73.7% green and 42% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.3% magenta, 58% yellow and 0% black. It has a hue angle of 32.8 degrees, a saturation of 100% and a lightness of 71%. #ffbc6b color hex could be obtained by blending #ffffd6 with #ff7900. Closest websafe color is: #ffcc66.
-
- R 100
- G 74
- B 42
-
- C 0
- M 26
- Y 58
- K 0
● #ffbc6b color description : Very light orange.
#ffbc6b Color Conversion
The hexadecimal color #ffbc6b has RGB values of R:255, G:188, B:107 and CMYK values of C:0, M:0.26, Y:0.58, K:0. Its decimal value is 16759915.
Hex triplet | ffbc6b | #ffbc6b |
---|---|---|
RGB Decimal | 255, 188, 107 | rgb(255,188,107) |
RGB Percent | 100, 73.7, 42 | rgb(100%,73.7%,42%) |
CMYK | 0, 26, 58, 0 | |
HSL | 32.8°, 100, 71 | hsl(32.8,100%,71%) |
HSV (or HSB) | 32.8°, 58, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 80.9, 15.673, 49.886 |
---|---|
XYZ | 61.878, 58.291, 21.901 |
xyY | 0.436, 0.41, 58.291 |
CIE-LCH | 80.9, 52.29, 72.559 |
CIE-LUV | 80.9, 51.733, 58.121 |
Hunter-Lab | 76.349, 11.058, 36.436 |
Binary | 11111111, 10111100, 01101011 |
Color Schemes with #ffbc6b
Alternatives to #ffbc6b
Below, you can see some colors close to #ffbc6b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbc6b Preview
This text has a font color of #ffbc6b.
<span style="color:#ffbc6b;">Text here</span>
This paragraph has a background color of #ffbc6b.
<p style="background-color:#ffbc6b;">Content here</p>
This element has a border color of #ffbc6b.
<div style="border:1px solid #ffbc6b;">Content here</div>
.text {color:#ffbc6b;}
.background {background-color:#ffbc6b;}
.border {border:1px solid #ffbc6b;}
Shades and Tints of #ffbc6b
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, #090500 is the darkest color, while #fffaf4 is the lightest one.
-
#090500
#090500
rgb(9,5,0)
-
#1d1000
#1d1000
rgb(29,16,0)
-
#301a00
#301a00
rgb(48,26,0)
-
#442500
#442500
rgb(68,37,0)
-
#573000
#573000
rgb(87,48,0)
-
#6b3b00
#6b3b00
rgb(107,59,0)
-
#7f4500
#7f4500
rgb(127,69,0)
-
#925000
#925000
rgb(146,80,0)
-
#a65b00
#a65b00
rgb(166,91,0)
-
#b96600
#b96600
rgb(185,102,0)
-
#cd7000
#cd7000
rgb(205,112,0)
-
#e17b00
#e17b00
rgb(225,123,0)
-
#f48600
#f48600
rgb(244,134,0)
-
#ff9009
#ff9009
rgb(255,144,9)
-
#ff981d
#ff981d
rgb(255,152,29)
-
#ffa130
#ffa130
rgb(255,161,48)
-
#ffaa44
#ffaa44
rgb(255,170,68)
-
#ffb357
#ffb357
rgb(255,179,87)
-
#ffbc6b
#ffbc6b
rgb(255,188,107)
-
#ffc57f
#ffc57f
rgb(255,197,127)
-
#ffce92
#ffce92
rgb(255,206,146)
-
#ffd7a6
#ffd7a6
rgb(255,215,166)
-
#ffe0b9
#ffe0b9
rgb(255,224,185)
-
#ffe8cd
#ffe8cd
rgb(255,232,205)
-
#fff1e1
#fff1e1
rgb(255,241,225)
-
#fffaf4
#fffaf4
rgb(255,250,244)
Tones of #ffbc6b
A tone is produced by adding gray to any pure hue. In this case, #bbb6af is the less saturated color, while #ffbc6b is the most saturated one.
-
#bbb6af
#bbb6af
rgb(187,182,175)
-
#c0b6aa
#c0b6aa
rgb(192,182,170)
-
#c6b7a4
#c6b7a4
rgb(198,183,164)
-
#ccb79e
#ccb79e
rgb(204,183,158)
-
#d1b899
#d1b899
rgb(209,184,153)
-
#d7b893
#d7b893
rgb(215,184,147)
-
#ddb98d
#ddb98d
rgb(221,185,141)
-
#e3b987
#e3b987
rgb(227,185,135)
-
#e8ba82
#e8ba82
rgb(232,186,130)
-
#eeba7c
#eeba7c
rgb(238,186,124)
-
#f4bb76
#f4bb76
rgb(244,187,118)
-
#f9bb71
#f9bb71
rgb(249,187,113)
-
#ffbc6b
#ffbc6b
rgb(255,188,107)
Color Blindness Simulator
Below, you can see how #ffbc6b 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.