#ffba36 Color Information
In a RGB color space, hex #ffba36 is composed of 100% red, 72.9% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.1% magenta, 78.8% yellow and 0% black. It has a hue angle of 39.4 degrees, a saturation of 100% and a lightness of 60.6%. #ffba36 color hex could be obtained by blending #ffff6c with #ff7500. Closest websafe color is: #ffcc33.
-
- R 100
- G 73
- B 21
-
- C 0
- M 27
- Y 79
- K 0
● #ffba36 color description : Light orange.
#ffba36 Color Conversion
The hexadecimal color #ffba36 has RGB values of R:255, G:186, B:54 and CMYK values of C:0, M:0.27, Y:0.79, K:0. Its decimal value is 16759350.
Hex triplet | ffba36 | #ffba36 |
---|---|---|
RGB Decimal | 255, 186, 54 | rgb(255,186,54) |
RGB Percent | 100, 72.9, 21.2 | rgb(100%,72.9%,21.2%) |
CMYK | 0, 27, 79, 0 | |
HSL | 39.4°, 100, 60.6 | hsl(39.4,100%,60.6%) |
HSV (or HSB) | 39.4°, 78.8, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 79.981, 13.931, 71.519 |
---|---|
XYZ | 59.466, 56.648, 11.292 |
xyY | 0.467, 0.445, 56.648 |
CIE-LCH | 79.981, 72.863, 78.978 |
CIE-LUV | 79.981, 56.549, 75.15 |
Hunter-Lab | 75.265, 9.318, 43.79 |
Binary | 11111111, 10111010, 00110110 |
Color Schemes with #ffba36
Alternatives to #ffba36
Below, you can see some colors close to #ffba36. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffba36 Preview
This text has a font color of #ffba36.
<span style="color:#ffba36;">Text here</span>
This paragraph has a background color of #ffba36.
<p style="background-color:#ffba36;">Content here</p>
This element has a border color of #ffba36.
<div style="border:1px solid #ffba36;">Content here</div>
.text {color:#ffba36;}
.background {background-color:#ffba36;}
.border {border:1px solid #ffba36;}
Shades and Tints of #ffba36
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, #0f0a00 is the darkest color, while #fffdfa is the lightest one.
-
#0f0a00
#0f0a00
rgb(15,10,0)
-
#221700
#221700
rgb(34,23,0)
-
#362300
#362300
rgb(54,35,0)
-
#4a3000
#4a3000
rgb(74,48,0)
-
#5d3d00
#5d3d00
rgb(93,61,0)
-
#714a00
#714a00
rgb(113,74,0)
-
#845700
#845700
rgb(132,87,0)
-
#986400
#986400
rgb(152,100,0)
-
#ac7100
#ac7100
rgb(172,113,0)
-
#bf7e00
#bf7e00
rgb(191,126,0)
-
#d38b00
#d38b00
rgb(211,139,0)
-
#e79700
#e79700
rgb(231,151,0)
-
#faa400
#faa400
rgb(250,164,0)
-
#ffad0f
#ffad0f
rgb(255,173,15)
-
#ffb322
#ffb322
rgb(255,179,34)
-
#ffba36
#ffba36
rgb(255,186,54)
-
#ffc14a
#ffc14a
rgb(255,193,74)
-
#ffc75d
#ffc75d
rgb(255,199,93)
-
#ffce71
#ffce71
rgb(255,206,113)
-
#ffd584
#ffd584
rgb(255,213,132)
-
#ffdc98
#ffdc98
rgb(255,220,152)
-
#ffe2ac
#ffe2ac
rgb(255,226,172)
-
#ffe9bf
#ffe9bf
rgb(255,233,191)
-
#fff0d3
#fff0d3
rgb(255,240,211)
-
#fff7e7
#fff7e7
rgb(255,247,231)
-
#fffdfa
#fffdfa
rgb(255,253,250)
Tones of #ffba36
A tone is produced by adding gray to any pure hue. In this case, #a29d93 is the less saturated color, while #ffba36 is the most saturated one.
-
#a29d93
#a29d93
rgb(162,157,147)
-
#aa9f8b
#aa9f8b
rgb(170,159,139)
-
#b2a283
#b2a283
rgb(178,162,131)
-
#b9a47c
#b9a47c
rgb(185,164,124)
-
#c1a774
#c1a774
rgb(193,167,116)
-
#c9a96c
#c9a96c
rgb(201,169,108)
-
#d1ab64
#d1ab64
rgb(209,171,100)
-
#d8ae5d
#d8ae5d
rgb(216,174,93)
-
#e0b055
#e0b055
rgb(224,176,85)
-
#e8b34d
#e8b34d
rgb(232,179,77)
-
#f0b545
#f0b545
rgb(240,181,69)
-
#f7b83e
#f7b83e
rgb(247,184,62)
-
#ffba36
#ffba36
rgb(255,186,54)
Color Blindness Simulator
Below, you can see how #ffba36 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.