#ffba5c Color Information
In a RGB color space, hex #ffba5c is composed of 100% red, 72.9% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.1% magenta, 63.9% yellow and 0% black. It has a hue angle of 34.6 degrees, a saturation of 100% and a lightness of 68%. #ffba5c color hex could be obtained by blending #ffffb8 with #ff7500. Closest websafe color is: #ffcc66.
-
- R 100
- G 73
- B 36
-
- C 0
- M 27
- Y 64
- K 0
● #ffba5c color description : Light orange.
#ffba5c Color Conversion
The hexadecimal color #ffba5c has RGB values of R:255, G:186, B:92 and CMYK values of C:0, M:0.27, Y:0.64, K:0. Its decimal value is 16759388.
Hex triplet | ffba5c | #ffba5c |
---|---|---|
RGB Decimal | 255, 186, 92 | rgb(255,186,92) |
RGB Percent | 100, 72.9, 36.1 | rgb(100%,72.9%,36.1%) |
CMYK | 0, 27, 64, 0 | |
HSL | 34.6°, 100, 68 | hsl(34.6,100%,68%) |
HSV (or HSB) | 34.6°, 63.9, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 80.266, 15.714, 56.296 |
---|---|
XYZ | 60.732, 57.154, 17.958 |
xyY | 0.447, 0.421, 57.154 |
CIE-LCH | 80.266, 58.448, 74.403 |
CIE-LUV | 80.266, 54.371, 63.561 |
Hunter-Lab | 75.6, 11.093, 38.837 |
Binary | 11111111, 10111010, 01011100 |
Color Schemes with #ffba5c
Alternatives to #ffba5c
Below, you can see some colors close to #ffba5c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffba5c Preview
This text has a font color of #ffba5c.
<span style="color:#ffba5c;">Text here</span>
This paragraph has a background color of #ffba5c.
<p style="background-color:#ffba5c;">Content here</p>
This element has a border color of #ffba5c.
<div style="border:1px solid #ffba5c;">Content here</div>
.text {color:#ffba5c;}
.background {background-color:#ffba5c;}
.border {border:1px solid #ffba5c;}
Shades and Tints of #ffba5c
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, #0e0800 is the darkest color, while #fffcf9 is the lightest one.
-
#0e0800
#0e0800
rgb(14,8,0)
-
#211300
#211300
rgb(33,19,0)
-
#351e00
#351e00
rgb(53,30,0)
-
#482a00
#482a00
rgb(72,42,0)
-
#5c3500
#5c3500
rgb(92,53,0)
-
#704000
#704000
rgb(112,64,0)
-
#834c00
#834c00
rgb(131,76,0)
-
#975700
#975700
rgb(151,87,0)
-
#aa6200
#aa6200
rgb(170,98,0)
-
#be6e00
#be6e00
rgb(190,110,0)
-
#d27900
#d27900
rgb(210,121,0)
-
#e58400
#e58400
rgb(229,132,0)
-
#f99000
#f99000
rgb(249,144,0)
-
#ff990e
#ff990e
rgb(255,153,14)
-
#ffa121
#ffa121
rgb(255,161,33)
-
#ffa935
#ffa935
rgb(255,169,53)
-
#ffb248
#ffb248
rgb(255,178,72)
-
#ffba5c
#ffba5c
rgb(255,186,92)
-
#ffc270
#ffc270
rgb(255,194,112)
-
#ffcb83
#ffcb83
rgb(255,203,131)
-
#ffd397
#ffd397
rgb(255,211,151)
-
#ffdbaa
#ffdbaa
rgb(255,219,170)
-
#ffe4be
#ffe4be
rgb(255,228,190)
-
#ffecd2
#ffecd2
rgb(255,236,210)
-
#fff4e5
#fff4e5
rgb(255,244,229)
-
#fffcf9
#fffcf9
rgb(255,252,249)
Tones of #ffba5c
A tone is produced by adding gray to any pure hue. In this case, #b4aea7 is the less saturated color, while #ffba5c is the most saturated one.
-
#b4aea7
#b4aea7
rgb(180,174,167)
-
#baafa1
#baafa1
rgb(186,175,161)
-
#c0b09b
#c0b09b
rgb(192,176,155)
-
#c7b194
#c7b194
rgb(199,177,148)
-
#cdb28e
#cdb28e
rgb(205,178,142)
-
#d3b388
#d3b388
rgb(211,179,136)
-
#d9b482
#d9b482
rgb(217,180,130)
-
#e0b57b
#e0b57b
rgb(224,181,123)
-
#e6b675
#e6b675
rgb(230,182,117)
-
#ecb76f
#ecb76f
rgb(236,183,111)
-
#f2b869
#f2b869
rgb(242,184,105)
-
#f9b962
#f9b962
rgb(249,185,98)
-
#ffba5c
#ffba5c
rgb(255,186,92)
Color Blindness Simulator
Below, you can see how #ffba5c 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.