#ffba80 Color Information
In a RGB color space, hex #ffba80 is composed of 100% red, 72.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.1% magenta, 49.8% yellow and 0% black. It has a hue angle of 27.4 degrees, a saturation of 100% and a lightness of 75.1%. #ffba80 color hex could be obtained by blending #ffffff with #ff7501. Closest websafe color is: #ffcc99.
-
- R 100
- G 73
- B 50
-
- C 0
- M 27
- Y 50
- K 0
● #ffba80 color description : Very light orange.
#ffba80 Color Conversion
The hexadecimal color #ffba80 has RGB values of R:255, G:186, B:128 and CMYK values of C:0, M:0.27, Y:0.5, K:0. Its decimal value is 16759424.
Hex triplet | ffba80 | #ffba80 |
---|---|---|
RGB Decimal | 255, 186, 128 | rgb(255,186,128) |
RGB Percent | 100, 72.9, 50.2 | rgb(100%,72.9%,50.2%) |
CMYK | 0, 27, 50, 0 | |
HSL | 27.4°, 100, 75.1 | hsl(27.4,100%,75.1%) |
HSV (or HSB) | 27.4°, 49.8, 100 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 80.705, 18.415, 39.094 |
---|---|
XYZ | 62.696, 57.94, 28.302 |
xyY | 0.421, 0.389, 57.94 |
CIE-LCH | 80.705, 43.214, 64.777 |
CIE-LUV | 80.705, 51.226, 46.747 |
Hunter-Lab | 76.118, 13.818, 31.237 |
Binary | 11111111, 10111010, 10000000 |
Color Schemes with #ffba80
Alternatives to #ffba80
Below, you can see some colors close to #ffba80. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffba80 Preview
This text has a font color of #ffba80.
<span style="color:#ffba80;">Text here</span>
This paragraph has a background color of #ffba80.
<p style="background-color:#ffba80;">Content here</p>
This element has a border color of #ffba80.
<div style="border:1px solid #ffba80;">Content here</div>
.text {color:#ffba80;}
.background {background-color:#ffba80;}
.border {border:1px solid #ffba80;}
Shades and Tints of #ffba80
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, #0a0500 is the darkest color, while #fffaf6 is the lightest one.
-
#0a0500
#0a0500
rgb(10,5,0)
-
#1e0e00
#1e0e00
rgb(30,14,0)
-
#321700
#321700
rgb(50,23,0)
-
#452000
#452000
rgb(69,32,0)
-
#592900
#592900
rgb(89,41,0)
-
#6c3100
#6c3100
rgb(108,49,0)
-
#803a00
#803a00
rgb(128,58,0)
-
#944300
#944300
rgb(148,67,0)
-
#a74c00
#a74c00
rgb(167,76,0)
-
#bb5500
#bb5500
rgb(187,85,0)
-
#ce5e00
#ce5e00
rgb(206,94,0)
-
#e26700
#e26700
rgb(226,103,0)
-
#f67000
#f67000
rgb(246,112,0)
-
#ff7a0a
#ff7a0a
rgb(255,122,10)
-
#ff851e
#ff851e
rgb(255,133,30)
-
#ff8f32
#ff8f32
rgb(255,143,50)
-
#ff9a45
#ff9a45
rgb(255,154,69)
-
#ffa559
#ffa559
rgb(255,165,89)
-
#ffaf6c
#ffaf6c
rgb(255,175,108)
-
#ffba80
#ffba80
rgb(255,186,128)
-
#ffc594
#ffc594
rgb(255,197,148)
-
#ffcfa7
#ffcfa7
rgb(255,207,167)
-
#ffdabb
#ffdabb
rgb(255,218,187)
-
#ffe5ce
#ffe5ce
rgb(255,229,206)
-
#ffefe2
#ffefe2
rgb(255,239,226)
-
#fffaf6
#fffaf6
rgb(255,250,246)
Tones of #ffba80
A tone is produced by adding gray to any pure hue. In this case, #c4bfbb is the less saturated color, while #ffba80 is the most saturated one.
-
#c4bfbb
#c4bfbb
rgb(196,191,187)
-
#c9bfb6
#c9bfb6
rgb(201,191,182)
-
#cebeb1
#cebeb1
rgb(206,190,177)
-
#d3beac
#d3beac
rgb(211,190,172)
-
#d8bda7
#d8bda7
rgb(216,189,167)
-
#ddbda2
#ddbda2
rgb(221,189,162)
-
#e2bd9d
#e2bd9d
rgb(226,189,157)
-
#e7bc98
#e7bc98
rgb(231,188,152)
-
#ebbc94
#ebbc94
rgb(235,188,148)
-
#f0bb8f
#f0bb8f
rgb(240,187,143)
-
#f5bb8a
#f5bb8a
rgb(245,187,138)
-
#faba85
#faba85
rgb(250,186,133)
-
#ffba80
#ffba80
rgb(255,186,128)
Color Blindness Simulator
Below, you can see how #ffba80 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.