#ffba76 Color Information
In a RGB color space, hex #ffba76 is composed of 100% red, 72.9% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.1% magenta, 53.7% yellow and 0% black. It has a hue angle of 29.8 degrees, a saturation of 100% and a lightness of 73.1%. #ffba76 color hex could be obtained by blending #ffffec with #ff7500. Closest websafe color is: #ffcc66.
-
- R 100
- G 73
- B 46
-
- C 0
- M 27
- Y 54
- K 0
● #ffba76 color description : Very light orange.
#ffba76 Color Conversion
The hexadecimal color #ffba76 has RGB values of R:255, G:186, B:118 and CMYK values of C:0, M:0.27, Y:0.54, K:0. Its decimal value is 16759414.
Hex triplet | ffba76 | #ffba76 |
---|---|---|
RGB Decimal | 255, 186, 118 | rgb(255,186,118) |
RGB Percent | 100, 72.9, 46.3 | rgb(100%,72.9%,46.3%) |
CMYK | 0, 27, 54, 0 | |
HSL | 29.8°, 100, 73.1 | hsl(29.8,100%,73.1%) |
HSV (or HSB) | 29.8°, 53.7, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 80.566, 17.563, 44.017 |
---|---|
XYZ | 62.07, 57.689, 25.005 |
xyY | 0.429, 0.399, 57.689 |
CIE-LCH | 80.566, 47.391, 68.248 |
CIE-LUV | 80.566, 52.199, 51.962 |
Hunter-Lab | 75.953, 12.953, 33.649 |
Binary | 11111111, 10111010, 01110110 |
Color Schemes with #ffba76
Alternatives to #ffba76
Below, you can see some colors close to #ffba76. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffba76 Preview
This text has a font color of #ffba76.
<span style="color:#ffba76;">Text here</span>
This paragraph has a background color of #ffba76.
<p style="background-color:#ffba76;">Content here</p>
This element has a border color of #ffba76.
<div style="border:1px solid #ffba76;">Content here</div>
.text {color:#ffba76;}
.background {background-color:#ffba76;}
.border {border:1px solid #ffba76;}
Shades and Tints of #ffba76
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, #000000 is the darkest color, while #fff5ec is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#140a00
#140a00
rgb(20,10,0)
-
#281400
#281400
rgb(40,20,0)
-
#3b1d00
#3b1d00
rgb(59,29,0)
-
#4f2700
#4f2700
rgb(79,39,0)
-
#623100
#623100
rgb(98,49,0)
-
#763b00
#763b00
rgb(118,59,0)
-
#8a4400
#8a4400
rgb(138,68,0)
-
#9d4e00
#9d4e00
rgb(157,78,0)
-
#b15800
#b15800
rgb(177,88,0)
-
#c46200
#c46200
rgb(196,98,0)
-
#d86b00
#d86b00
rgb(216,107,0)
-
#ec7500
#ec7500
rgb(236,117,0)
-
#ff7f00
#ff7f00
rgb(255,127,0)
-
#ff8914
#ff8914
rgb(255,137,20)
-
#ff9228
#ff9228
rgb(255,146,40)
-
#ff9c3b
#ff9c3b
rgb(255,156,59)
-
#ffa64f
#ffa64f
rgb(255,166,79)
-
#ffb062
#ffb062
rgb(255,176,98)
-
#ffba76
#ffba76
rgb(255,186,118)
-
#ffc48a
#ffc48a
rgb(255,196,138)
-
#ffce9d
#ffce9d
rgb(255,206,157)
-
#ffd8b1
#ffd8b1
rgb(255,216,177)
-
#ffe2c4
#ffe2c4
rgb(255,226,196)
-
#ffebd8
#ffebd8
rgb(255,235,216)
-
#fff5ec
#fff5ec
rgb(255,245,236)
Tones of #ffba76
A tone is produced by adding gray to any pure hue. In this case, #c0bab5 is the less saturated color, while #ffba76 is the most saturated one.
-
#c0bab5
#c0bab5
rgb(192,186,181)
-
#c5bab0
#c5bab0
rgb(197,186,176)
-
#cabaab
#cabaab
rgb(202,186,171)
-
#d0baa5
#d0baa5
rgb(208,186,165)
-
#d5baa0
#d5baa0
rgb(213,186,160)
-
#daba9b
#daba9b
rgb(218,186,155)
-
#dfba96
#dfba96
rgb(223,186,150)
-
#e5ba90
#e5ba90
rgb(229,186,144)
-
#eaba8b
#eaba8b
rgb(234,186,139)
-
#efba86
#efba86
rgb(239,186,134)
-
#f4ba81
#f4ba81
rgb(244,186,129)
-
#faba7b
#faba7b
rgb(250,186,123)
-
#ffba76
#ffba76
rgb(255,186,118)
Color Blindness Simulator
Below, you can see how #ffba76 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.