#ffba5a Color Information
In a RGB color space, hex #ffba5a is composed of 100% red, 72.9% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.1% magenta, 64.7% yellow and 0% black. It has a hue angle of 34.9 degrees, a saturation of 100% and a lightness of 67.6%. #ffba5a color hex could be obtained by blending #ffffb4 with #ff7500. Closest websafe color is: #ffcc66.
-
- R 100
- G 73
- B 35
-
- C 0
- M 27
- Y 65
- K 0
● #ffba5a color description : Light orange.
#ffba5a Color Conversion
The hexadecimal color #ffba5a has RGB values of R:255, G:186, B:90 and CMYK values of C:0, M:0.27, Y:0.65, K:0. Its decimal value is 16759386.
Hex triplet | ffba5a | #ffba5a |
---|---|---|
RGB Decimal | 255, 186, 90 | rgb(255,186,90) |
RGB Percent | 100, 72.9, 35.3 | rgb(100%,72.9%,35.3%) |
CMYK | 0, 27, 65, 0 | |
HSL | 34.9°, 100, 67.6 | hsl(34.9,100%,67.6%) |
HSV (or HSB) | 34.9°, 64.7, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 80.247, 15.594, 57.196 |
---|---|
XYZ | 60.645, 57.119, 17.503 |
xyY | 0.448, 0.422, 57.119 |
CIE-LCH | 80.247, 59.283, 74.749 |
CIE-LUV | 80.247, 54.516, 64.331 |
Hunter-Lab | 75.577, 10.973, 39.173 |
Binary | 11111111, 10111010, 01011010 |
Color Schemes with #ffba5a
Alternatives to #ffba5a
Below, you can see some colors close to #ffba5a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffba5a Preview
This text has a font color of #ffba5a.
<span style="color:#ffba5a;">Text here</span>
This paragraph has a background color of #ffba5a.
<p style="background-color:#ffba5a;">Content here</p>
This element has a border color of #ffba5a.
<div style="border:1px solid #ffba5a;">Content here</div>
.text {color:#ffba5a;}
.background {background-color:#ffba5a;}
.border {border:1px solid #ffba5a;}
Shades and Tints of #ffba5a
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, #0c0700 is the darkest color, while #fffcf7 is the lightest one.
-
#0c0700
#0c0700
rgb(12,7,0)
-
#1f1200
#1f1200
rgb(31,18,0)
-
#331e00
#331e00
rgb(51,30,0)
-
#462900
#462900
rgb(70,41,0)
-
#5a3400
#5a3400
rgb(90,52,0)
-
#6e4000
#6e4000
rgb(110,64,0)
-
#814b00
#814b00
rgb(129,75,0)
-
#955700
#955700
rgb(149,87,0)
-
#a86200
#a86200
rgb(168,98,0)
-
#bc6d00
#bc6d00
rgb(188,109,0)
-
#d07900
#d07900
rgb(208,121,0)
-
#e38400
#e38400
rgb(227,132,0)
-
#f79000
#f79000
rgb(247,144,0)
-
#ff990c
#ff990c
rgb(255,153,12)
-
#ffa11f
#ffa11f
rgb(255,161,31)
-
#ffaa33
#ffaa33
rgb(255,170,51)
-
#ffb246
#ffb246
rgb(255,178,70)
-
#ffba5a
#ffba5a
rgb(255,186,90)
-
#ffc26e
#ffc26e
rgb(255,194,110)
-
#ffca81
#ffca81
rgb(255,202,129)
-
#ffd395
#ffd395
rgb(255,211,149)
-
#ffdba8
#ffdba8
rgb(255,219,168)
-
#ffe3bc
#ffe3bc
rgb(255,227,188)
-
#ffebd0
#ffebd0
rgb(255,235,208)
-
#fff3e3
#fff3e3
rgb(255,243,227)
-
#fffcf7
#fffcf7
rgb(255,252,247)
Tones of #ffba5a
A tone is produced by adding gray to any pure hue. In this case, #b3aea6 is the less saturated color, while #ffba5a is the most saturated one.
-
#b3aea6
#b3aea6
rgb(179,174,166)
-
#b9afa0
#b9afa0
rgb(185,175,160)
-
#c0b099
#c0b099
rgb(192,176,153)
-
#c6b193
#c6b193
rgb(198,177,147)
-
#ccb28d
#ccb28d
rgb(204,178,141)
-
#d3b386
#d3b386
rgb(211,179,134)
-
#d9b480
#d9b480
rgb(217,180,128)
-
#dfb57a
#dfb57a
rgb(223,181,122)
-
#e6b673
#e6b673
rgb(230,182,115)
-
#ecb76d
#ecb76d
rgb(236,183,109)
-
#f2b867
#f2b867
rgb(242,184,103)
-
#f9b960
#f9b960
rgb(249,185,96)
-
#ffba5a
#ffba5a
rgb(255,186,90)
Color Blindness Simulator
Below, you can see how #ffba5a 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.