#ffbb3d Color Information
In a RGB color space, hex #ffbb3d is composed of 100% red, 73.3% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.7% magenta, 76.1% yellow and 0% black. It has a hue angle of 39 degrees, a saturation of 100% and a lightness of 62%. #ffbb3d color hex could be obtained by blending #ffff7a with #ff7700. Closest websafe color is: #ffcc33.
-
- R 100
- G 73
- B 24
-
- C 0
- M 27
- Y 76
- K 0
● #ffbb3d color description : Light orange.
#ffbb3d Color Conversion
The hexadecimal color #ffbb3d has RGB values of R:255, G:187, B:61 and CMYK values of C:0, M:0.27, Y:0.76, K:0. Its decimal value is 16759613.
Hex triplet | ffbb3d | #ffbb3d |
---|---|---|
RGB Decimal | 255, 187, 61 | rgb(255,187,61) |
RGB Percent | 100, 73.3, 23.9 | rgb(100%,73.3%,23.9%) |
CMYK | 0, 27, 76, 0 | |
HSL | 39°, 100, 62 | hsl(39,100%,62%) |
HSV (or HSB) | 39°, 76.1, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 80.259, 13.661, 69.304 |
---|---|
XYZ | 59.854, 57.141, 12.292 |
xyY | 0.463, 0.442, 57.141 |
CIE-LCH | 80.259, 70.637, 78.849 |
CIE-LUV | 80.259, 55.466, 73.889 |
Hunter-Lab | 75.592, 9.052, 43.273 |
Binary | 11111111, 10111011, 00111101 |
Color Schemes with #ffbb3d
Alternatives to #ffbb3d
Below, you can see some colors close to #ffbb3d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbb3d Preview
This text has a font color of #ffbb3d.
<span style="color:#ffbb3d;">Text here</span>
This paragraph has a background color of #ffbb3d.
<p style="background-color:#ffbb3d;">Content here</p>
This element has a border color of #ffbb3d.
<div style="border:1px solid #ffbb3d;">Content here</div>
.text {color:#ffbb3d;}
.background {background-color:#ffbb3d;}
.border {border:1px solid #ffbb3d;}
Shades and Tints of #ffbb3d
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, #020100 is the darkest color, while #fff9ee is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#160e00
#160e00
rgb(22,14,0)
-
#291b00
#291b00
rgb(41,27,0)
-
#3d2800
#3d2800
rgb(61,40,0)
-
#513400
#513400
rgb(81,52,0)
-
#644100
#644100
rgb(100,65,0)
-
#784e00
#784e00
rgb(120,78,0)
-
#8b5b00
#8b5b00
rgb(139,91,0)
-
#9f6700
#9f6700
rgb(159,103,0)
-
#b37400
#b37400
rgb(179,116,0)
-
#c68100
#c68100
rgb(198,129,0)
-
#da8e00
#da8e00
rgb(218,142,0)
-
#ee9a00
#ee9a00
rgb(238,154,0)
-
#ffa602
#ffa602
rgb(255,166,2)
-
#ffad16
#ffad16
rgb(255,173,22)
-
#ffb429
#ffb429
rgb(255,180,41)
-
#ffbb3d
#ffbb3d
rgb(255,187,61)
-
#ffc251
#ffc251
rgb(255,194,81)
-
#ffc964
#ffc964
rgb(255,201,100)
-
#ffd078
#ffd078
rgb(255,208,120)
-
#ffd78b
#ffd78b
rgb(255,215,139)
-
#ffdd9f
#ffdd9f
rgb(255,221,159)
-
#ffe4b3
#ffe4b3
rgb(255,228,179)
-
#ffebc6
#ffebc6
rgb(255,235,198)
-
#fff2da
#fff2da
rgb(255,242,218)
-
#fff9ee
#fff9ee
rgb(255,249,238)
Tones of #ffbb3d
A tone is produced by adding gray to any pure hue. In this case, #a5a097 is the less saturated color, while #ffbb3d is the most saturated one.
-
#a5a097
#a5a097
rgb(165,160,151)
-
#ada28f
#ada28f
rgb(173,162,143)
-
#b4a588
#b4a588
rgb(180,165,136)
-
#bca780
#bca780
rgb(188,167,128)
-
#c3a979
#c3a979
rgb(195,169,121)
-
#cbab71
#cbab71
rgb(203,171,113)
-
#d2ae6a
#d2ae6a
rgb(210,174,106)
-
#dab062
#dab062
rgb(218,176,98)
-
#e1b25b
#e1b25b
rgb(225,178,91)
-
#e9b453
#e9b453
rgb(233,180,83)
-
#f0b74c
#f0b74c
rgb(240,183,76)
-
#f8b944
#f8b944
rgb(248,185,68)
-
#ffbb3d
#ffbb3d
rgb(255,187,61)
Color Blindness Simulator
Below, you can see how #ffbb3d 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.