#ffba5d Color Information
In a RGB color space, hex #ffba5d is composed of 100% red, 72.9% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.1% magenta, 63.5% yellow and 0% black. It has a hue angle of 34.4 degrees, a saturation of 100% and a lightness of 68.2%. #ffba5d color hex could be obtained by blending #ffffba with #ff7500. Closest websafe color is: #ffcc66.
-
- R 100
- G 73
- B 36
-
- C 0
- M 27
- Y 64
- K 0
● #ffba5d color description : Light orange.
#ffba5d Color Conversion
The hexadecimal color #ffba5d has RGB values of R:255, G:186, B:93 and CMYK values of C:0, M:0.27, Y:0.64, K:0. Its decimal value is 16759389.
Hex triplet | ffba5d | #ffba5d |
---|---|---|
RGB Decimal | 255, 186, 93 | rgb(255,186,93) |
RGB Percent | 100, 72.9, 36.5 | rgb(100%,72.9%,36.5%) |
CMYK | 0, 27, 64, 0 | |
HSL | 34.4°, 100, 68.2 | hsl(34.4,100%,68.2%) |
HSV (or HSB) | 34.4°, 63.5, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 80.276, 15.776, 55.843 |
---|---|
XYZ | 60.776, 57.172, 18.19 |
xyY | 0.446, 0.42, 57.172 |
CIE-LCH | 80.276, 58.029, 74.225 |
CIE-LUV | 80.276, 54.298, 63.169 |
Hunter-Lab | 75.612, 11.155, 38.665 |
Binary | 11111111, 10111010, 01011101 |
Color Schemes with #ffba5d
Alternatives to #ffba5d
Below, you can see some colors close to #ffba5d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffba5d Preview
This text has a font color of #ffba5d.
<span style="color:#ffba5d;">Text here</span>
This paragraph has a background color of #ffba5d.
<p style="background-color:#ffba5d;">Content here</p>
This element has a border color of #ffba5d.
<div style="border:1px solid #ffba5d;">Content here</div>
.text {color:#ffba5d;}
.background {background-color:#ffba5d;}
.border {border:1px solid #ffba5d;}
Shades and Tints of #ffba5d
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, #0f0800 is the darkest color, while #fffdfa is the lightest one.
-
#0f0800
#0f0800
rgb(15,8,0)
-
#221400
#221400
rgb(34,20,0)
-
#361f00
#361f00
rgb(54,31,0)
-
#492a00
#492a00
rgb(73,42,0)
-
#5d3500
#5d3500
rgb(93,53,0)
-
#714100
#714100
rgb(113,65,0)
-
#844c00
#844c00
rgb(132,76,0)
-
#985700
#985700
rgb(152,87,0)
-
#ab6200
#ab6200
rgb(171,98,0)
-
#bf6e00
#bf6e00
rgb(191,110,0)
-
#d37900
#d37900
rgb(211,121,0)
-
#e68400
#e68400
rgb(230,132,0)
-
#fa8f00
#fa8f00
rgb(250,143,0)
-
#ff990f
#ff990f
rgb(255,153,15)
-
#ffa122
#ffa122
rgb(255,161,34)
-
#ffa936
#ffa936
rgb(255,169,54)
-
#ffb249
#ffb249
rgb(255,178,73)
-
#ffba5d
#ffba5d
rgb(255,186,93)
-
#ffc271
#ffc271
rgb(255,194,113)
-
#ffcb84
#ffcb84
rgb(255,203,132)
-
#ffd398
#ffd398
rgb(255,211,152)
-
#ffdbab
#ffdbab
rgb(255,219,171)
-
#ffe4bf
#ffe4bf
rgb(255,228,191)
-
#ffecd3
#ffecd3
rgb(255,236,211)
-
#fff4e6
#fff4e6
rgb(255,244,230)
-
#fffdfa
#fffdfa
rgb(255,253,250)
Tones of #ffba5d
A tone is produced by adding gray to any pure hue. In this case, #b4afa8 is the less saturated color, while #ffba5d is the most saturated one.
-
#b4afa8
#b4afa8
rgb(180,175,168)
-
#bab0a2
#bab0a2
rgb(186,176,162)
-
#c1b19b
#c1b19b
rgb(193,177,155)
-
#c7b295
#c7b295
rgb(199,178,149)
-
#cdb38f
#cdb38f
rgb(205,179,143)
-
#d3b489
#d3b489
rgb(211,180,137)
-
#dab482
#dab482
rgb(218,180,130)
-
#e0b57c
#e0b57c
rgb(224,181,124)
-
#e6b676
#e6b676
rgb(230,182,118)
-
#ecb770
#ecb770
rgb(236,183,112)
-
#f3b869
#f3b869
rgb(243,184,105)
-
#f9b963
#f9b963
rgb(249,185,99)
-
#ffba5d
#ffba5d
rgb(255,186,93)
Color Blindness Simulator
Below, you can see how #ffba5d 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.