#ffbc59 Color Information
In a RGB color space, hex #ffbc59 is composed of 100% red, 73.7% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.3% magenta, 65.1% yellow and 0% black. It has a hue angle of 35.8 degrees, a saturation of 100% and a lightness of 67.5%. #ffbc59 color hex could be obtained by blending #ffffb2 with #ff7900. Closest websafe color is: #ffcc66.
-
- R 100
- G 74
- B 35
-
- C 0
- M 26
- Y 65
- K 0
● #ffbc59 color description : Light orange.
#ffbc59 Color Conversion
The hexadecimal color #ffbc59 has RGB values of R:255, G:188, B:89 and CMYK values of C:0, M:0.26, Y:0.65, K:0. Its decimal value is 16759897.
Hex triplet | ffbc59 | #ffbc59 |
---|---|---|
RGB Decimal | 255, 188, 89 | rgb(255,188,89) |
RGB Percent | 100, 73.7, 34.9 | rgb(100%,73.7%,34.9%) |
CMYK | 0, 26, 65, 0 | |
HSL | 35.8°, 100, 67.5 | hsl(35.8,100%,67.5%) |
HSV (or HSB) | 35.8°, 65.1, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 80.712, 14.492, 58.166 |
---|---|
XYZ | 61.027, 57.951, 17.422 |
xyY | 0.447, 0.425, 57.951 |
CIE-LCH | 80.712, 59.944, 76.01 |
CIE-LUV | 80.712, 53.095, 65.558 |
Hunter-Lab | 76.126, 9.878, 39.719 |
Binary | 11111111, 10111100, 01011001 |
Color Schemes with #ffbc59
Alternatives to #ffbc59
Below, you can see some colors close to #ffbc59. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbc59 Preview
This text has a font color of #ffbc59.
<span style="color:#ffbc59;">Text here</span>
This paragraph has a background color of #ffbc59.
<p style="background-color:#ffbc59;">Content here</p>
This element has a border color of #ffbc59.
<div style="border:1px solid #ffbc59;">Content here</div>
.text {color:#ffbc59;}
.background {background-color:#ffbc59;}
.border {border:1px solid #ffbc59;}
Shades and Tints of #ffbc59
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, #0b0600 is the darkest color, while #fffbf6 is the lightest one.
-
#0b0600
#0b0600
rgb(11,6,0)
-
#1e1200
#1e1200
rgb(30,18,0)
-
#321e00
#321e00
rgb(50,30,0)
-
#452900
#452900
rgb(69,41,0)
-
#593500
#593500
rgb(89,53,0)
-
#6d4100
#6d4100
rgb(109,65,0)
-
#804c00
#804c00
rgb(128,76,0)
-
#945800
#945800
rgb(148,88,0)
-
#a76400
#a76400
rgb(167,100,0)
-
#bb7000
#bb7000
rgb(187,112,0)
-
#cf7b00
#cf7b00
rgb(207,123,0)
-
#e28700
#e28700
rgb(226,135,0)
-
#f69300
#f69300
rgb(246,147,0)
-
#ff9c0b
#ff9c0b
rgb(255,156,11)
-
#ffa41e
#ffa41e
rgb(255,164,30)
-
#ffac32
#ffac32
rgb(255,172,50)
-
#ffb445
#ffb445
rgb(255,180,69)
-
#ffbc59
#ffbc59
rgb(255,188,89)
-
#ffc46d
#ffc46d
rgb(255,196,109)
-
#ffcc80
#ffcc80
rgb(255,204,128)
-
#ffd494
#ffd494
rgb(255,212,148)
-
#ffdca7
#ffdca7
rgb(255,220,167)
-
#ffe4bb
#ffe4bb
rgb(255,228,187)
-
#ffeccf
#ffeccf
rgb(255,236,207)
-
#fff3e2
#fff3e2
rgb(255,243,226)
-
#fffbf6
#fffbf6
rgb(255,251,246)
Tones of #ffbc59
A tone is produced by adding gray to any pure hue. In this case, #b2ada6 is the less saturated color, while #ffbc59 is the most saturated one.
-
#b2ada6
#b2ada6
rgb(178,173,166)
-
#b9ae9f
#b9ae9f
rgb(185,174,159)
-
#bfb099
#bfb099
rgb(191,176,153)
-
#c6b192
#c6b192
rgb(198,177,146)
-
#ccb28c
#ccb28c
rgb(204,178,140)
-
#d2b386
#d2b386
rgb(210,179,134)
-
#d9b57f
#d9b57f
rgb(217,181,127)
-
#dfb679
#dfb679
rgb(223,182,121)
-
#e5b773
#e5b773
rgb(229,183,115)
-
#ecb86c
#ecb86c
rgb(236,184,108)
-
#f2ba66
#f2ba66
rgb(242,186,102)
-
#f9bb5f
#f9bb5f
rgb(249,187,95)
-
#ffbc59
#ffbc59
rgb(255,188,89)
Color Blindness Simulator
Below, you can see how #ffbc59 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.