#ffb300 Color Information
In a RGB color space, hex #ffb300 (also known as UCLA Gold) is composed of 100% red, 70.2% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.8% magenta, 100% yellow and 0% black. It has a hue angle of 42.1 degrees, a saturation of 100% and a lightness of 50%. #ffb300 color hex could be obtained by blending #ffff00 with #ff6700. Closest websafe color is: #ffcc00.
-
- R 100
- G 70
- B 0
-
- C 0
- M 30
- Y 100
- K 0
● #ffb300 color description : Pure (or mostly pure) orange.
#ffb300 Color Conversion
The hexadecimal color #ffb300 has RGB values of R:255, G:179, B:0 and CMYK values of C:0, M:0.3, Y:1, K:0. Its decimal value is 16757504.
Hex triplet | ffb300 | #ffb300 |
---|---|---|
RGB Decimal | 255, 179, 0 | rgb(255,179,0) |
RGB Percent | 100, 70.2, 0 | rgb(100%,70.2%,0%) |
CMYK | 0, 30, 100, 0 | |
HSL | 42.1°, 100, 50 | hsl(42.1,100%,50%) |
HSV (or HSB) | 42.1°, 100, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 78.172, 16.624, 81.093 |
---|---|
XYZ | 57.362, 53.504, 7.306 |
xyY | 0.485, 0.453, 53.504 |
CIE-LCH | 78.172, 82.779, 78.415 |
CIE-LUV | 78.172, 63.363, 78.983 |
Hunter-Lab | 73.146, 11.974, 45.28 |
Binary | 11111111, 10110011, 00000000 |
Color Schemes with #ffb300
Alternatives to #ffb300
Below, you can see some colors close to #ffb300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffb300 Preview
This text has a font color of #ffb300.
<span style="color:#ffb300;">Text here</span>
This paragraph has a background color of #ffb300.
<p style="background-color:#ffb300;">Content here</p>
This element has a border color of #ffb300.
<div style="border:1px solid #ffb300;">Content here</div>
.text {color:#ffb300;}
.background {background-color:#ffb300;}
.border {border:1px solid #ffb300;}
Shades and Tints of #ffb300
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, #140e00 is the darkest color, while #ffffff is the lightest one.
-
#140e00
#140e00
rgb(20,14,0)
-
#271c00
#271c00
rgb(39,28,0)
-
#3b2900
#3b2900
rgb(59,41,0)
-
#4e3700
#4e3700
rgb(78,55,0)
-
#624500
#624500
rgb(98,69,0)
-
#765300
#765300
rgb(118,83,0)
-
#896000
#896000
rgb(137,96,0)
-
#9d6e00
#9d6e00
rgb(157,110,0)
-
#b17c00
#b17c00
rgb(177,124,0)
-
#c48a00
#c48a00
rgb(196,138,0)
-
#d89700
#d89700
rgb(216,151,0)
-
#eba500
#eba500
rgb(235,165,0)
-
#ffb300
#ffb300
rgb(255,179,0)
-
#ffb914
#ffb914
rgb(255,185,20)
-
#ffbf27
#ffbf27
rgb(255,191,39)
-
#ffc53b
#ffc53b
rgb(255,197,59)
-
#ffca4e
#ffca4e
rgb(255,202,78)
-
#ffd062
#ffd062
rgb(255,208,98)
-
#ffd676
#ffd676
rgb(255,214,118)
-
#ffdc89
#ffdc89
rgb(255,220,137)
-
#ffe29d
#ffe29d
rgb(255,226,157)
-
#ffe8b1
#ffe8b1
rgb(255,232,177)
-
#ffedc4
#ffedc4
rgb(255,237,196)
-
#fff3d8
#fff3d8
rgb(255,243,216)
-
#fff9eb
#fff9eb
rgb(255,249,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ffb300
A tone is produced by adding gray to any pure hue. In this case, #898376 is the less saturated color, while #ffb300 is the most saturated one.
-
#898376
#898376
rgb(137,131,118)
-
#93876c
#93876c
rgb(147,135,108)
-
#9d8b62
#9d8b62
rgb(157,139,98)
-
#a78f58
#a78f58
rgb(167,143,88)
-
#b1934e
#b1934e
rgb(177,147,78)
-
#ba9745
#ba9745
rgb(186,151,69)
-
#c49b3b
#c49b3b
rgb(196,155,59)
-
#ce9f31
#ce9f31
rgb(206,159,49)
-
#d8a327
#d8a327
rgb(216,163,39)
-
#e2a71d
#e2a71d
rgb(226,167,29)
-
#ebab14
#ebab14
rgb(235,171,20)
-
#f5af0a
#f5af0a
rgb(245,175,10)
-
#ffb300
#ffb300
rgb(255,179,0)
Color Blindness Simulator
Below, you can see how #ffb300 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.