#ffba70 Color Information
In a RGB color space, hex #ffba70 is composed of 100% red, 72.9% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.1% magenta, 56.1% yellow and 0% black. It has a hue angle of 31 degrees, a saturation of 100% and a lightness of 72%. #ffba70 color hex could be obtained by blending #ffffe0 with #ff7500. Closest websafe color is: #ffcc66.
-
- R 100
- G 73
- B 44
-
- C 0
- M 27
- Y 56
- K 0
● #ffba70 color description : Very light orange.
#ffba70 Color Conversion
The hexadecimal color #ffba70 has RGB values of R:255, G:186, B:112 and CMYK values of C:0, M:0.27, Y:0.56, K:0. Its decimal value is 16759408.
Hex triplet | ffba70 | #ffba70 |
---|---|---|
RGB Decimal | 255, 186, 112 | rgb(255,186,112) |
RGB Percent | 100, 72.9, 43.9 | rgb(100%,72.9%,43.9%) |
CMYK | 0, 27, 56, 0 | |
HSL | 31°, 100, 72 | hsl(31,100%,72%) |
HSV (or HSB) | 31°, 56.1, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 80.488, 17.089, 46.928 |
---|---|
XYZ | 61.724, 57.551, 23.186 |
xyY | 0.433, 0.404, 57.551 |
CIE-LCH | 80.488, 49.943, 69.99 |
CIE-LUV | 80.488, 52.748, 54.894 |
Hunter-Lab | 75.862, 12.475, 34.983 |
Binary | 11111111, 10111010, 01110000 |
Color Schemes with #ffba70
Alternatives to #ffba70
Below, you can see some colors close to #ffba70. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffba70 Preview
This text has a font color of #ffba70.
<span style="color:#ffba70;">Text here</span>
This paragraph has a background color of #ffba70.
<p style="background-color:#ffba70;">Content here</p>
This element has a border color of #ffba70.
<div style="border:1px solid #ffba70;">Content here</div>
.text {color:#ffba70;}
.background {background-color:#ffba70;}
.border {border:1px solid #ffba70;}
Shades and Tints of #ffba70
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, #0e0700 is the darkest color, while #fffcf9 is the lightest one.
-
#0e0700
#0e0700
rgb(14,7,0)
-
#221100
#221100
rgb(34,17,0)
-
#351c00
#351c00
rgb(53,28,0)
-
#492600
#492600
rgb(73,38,0)
-
#5c3000
#5c3000
rgb(92,48,0)
-
#703a00
#703a00
rgb(112,58,0)
-
#844400
#844400
rgb(132,68,0)
-
#974e00
#974e00
rgb(151,78,0)
-
#ab5800
#ab5800
rgb(171,88,0)
-
#be6300
#be6300
rgb(190,99,0)
-
#d26d00
#d26d00
rgb(210,109,0)
-
#e67700
#e67700
rgb(230,119,0)
-
#f98100
#f98100
rgb(249,129,0)
-
#ff8b0e
#ff8b0e
rgb(255,139,14)
-
#ff9422
#ff9422
rgb(255,148,34)
-
#ff9e35
#ff9e35
rgb(255,158,53)
-
#ffa749
#ffa749
rgb(255,167,73)
-
#ffb15c
#ffb15c
rgb(255,177,92)
-
#ffba70
#ffba70
rgb(255,186,112)
-
#ffc384
#ffc384
rgb(255,195,132)
-
#ffcd97
#ffcd97
rgb(255,205,151)
-
#ffd6ab
#ffd6ab
rgb(255,214,171)
-
#ffe0be
#ffe0be
rgb(255,224,190)
-
#ffe9d2
#ffe9d2
rgb(255,233,210)
-
#fff3e6
#fff3e6
rgb(255,243,230)
-
#fffcf9
#fffcf9
rgb(255,252,249)
Tones of #ffba70
A tone is produced by adding gray to any pure hue. In this case, #bdb8b2 is the less saturated color, while #ffba70 is the most saturated one.
-
#bdb8b2
#bdb8b2
rgb(189,184,178)
-
#c3b8ad
#c3b8ad
rgb(195,184,173)
-
#c8b8a7
#c8b8a7
rgb(200,184,167)
-
#ceb8a2
#ceb8a2
rgb(206,184,162)
-
#d3b89c
#d3b89c
rgb(211,184,156)
-
#d9b997
#d9b997
rgb(217,185,151)
-
#deb991
#deb991
rgb(222,185,145)
-
#e4b98c
#e4b98c
rgb(228,185,140)
-
#e9b986
#e9b986
rgb(233,185,134)
-
#efb981
#efb981
rgb(239,185,129)
-
#f4ba7b
#f4ba7b
rgb(244,186,123)
-
#faba76
#faba76
rgb(250,186,118)
-
#ffba70
#ffba70
rgb(255,186,112)
Color Blindness Simulator
Below, you can see how #ffba70 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.