#ffba01 Color Information
In a RGB color space, hex #ffba01 is composed of 100% red, 72.9% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.1% magenta, 99.6% yellow and 0% black. It has a hue angle of 43.7 degrees, a saturation of 100% and a lightness of 50.2%. #ffba01 color hex could be obtained by blending #ffff02 with #ff7500. Closest websafe color is: #ffcc00.
-
- R 100
- G 73
- B 0
-
- C 0
- M 27
- Y 100
- K 0
● #ffba01 color description : Vivid orange.
#ffba01 Color Conversion
The hexadecimal color #ffba01 has RGB values of R:255, G:186, B:1 and CMYK values of C:0, M:0.27, Y:1, K:0. Its decimal value is 16759297.
Hex triplet | ffba01 | #ffba01 |
---|---|---|
RGB Decimal | 255, 186, 1 | rgb(255,186,1) |
RGB Percent | 100, 72.9, 0.4 | rgb(100%,72.9%,0.4%) |
CMYK | 0, 27, 100, 0 | |
HSL | 43.7°, 100, 50.2 | hsl(43.7,100%,50.2%) |
HSV (or HSB) | 43.7°, 99.6, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 79.832, 12.986, 82.112 |
---|---|
XYZ | 58.806, 56.384, 7.815 |
xyY | 0.478, 0.458, 56.384 |
CIE-LCH | 79.832, 83.132, 81.013 |
CIE-LUV | 79.832, 57.736, 81.453 |
Hunter-Lab | 75.089, 8.386, 46.392 |
Binary | 11111111, 10111010, 00000001 |
Color Schemes with #ffba01
Alternatives to #ffba01
Below, you can see some colors close to #ffba01. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffba01 Preview
This text has a font color of #ffba01.
<span style="color:#ffba01;">Text here</span>
This paragraph has a background color of #ffba01.
<p style="background-color:#ffba01;">Content here</p>
This element has a border color of #ffba01.
<div style="border:1px solid #ffba01;">Content here</div>
.text {color:#ffba01;}
.background {background-color:#ffba01;}
.border {border:1px solid #ffba01;}
Shades and Tints of #ffba01
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, #010100 is the darkest color, while #fffaec is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#150f00
#150f00
rgb(21,15,0)
-
#281d00
#281d00
rgb(40,29,0)
-
#3c2c00
#3c2c00
rgb(60,44,0)
-
#4f3a00
#4f3a00
rgb(79,58,0)
-
#634800
#634800
rgb(99,72,0)
-
#775600
#775600
rgb(119,86,0)
-
#8a6500
#8a6500
rgb(138,101,0)
-
#9e7300
#9e7300
rgb(158,115,0)
-
#b28100
#b28100
rgb(178,129,0)
-
#c59000
#c59000
rgb(197,144,0)
-
#d99e00
#d99e00
rgb(217,158,0)
-
#ecac00
#ecac00
rgb(236,172,0)
-
#ffba01
#ffba01
rgb(255,186,1)
-
#ffbf15
#ffbf15
rgb(255,191,21)
-
#ffc528
#ffc528
rgb(255,197,40)
-
#ffca3c
#ffca3c
rgb(255,202,60)
-
#ffcf4f
#ffcf4f
rgb(255,207,79)
-
#ffd563
#ffd563
rgb(255,213,99)
-
#ffda77
#ffda77
rgb(255,218,119)
-
#ffdf8a
#ffdf8a
rgb(255,223,138)
-
#ffe59e
#ffe59e
rgb(255,229,158)
-
#ffeab2
#ffeab2
rgb(255,234,178)
-
#ffefc5
#ffefc5
rgb(255,239,197)
-
#fff5d9
#fff5d9
rgb(255,245,217)
-
#fffaec
#fffaec
rgb(255,250,236)
Tones of #ffba01
A tone is produced by adding gray to any pure hue. In this case, #8a8476 is the less saturated color, while #ffba01 is the most saturated one.
-
#8a8476
#8a8476
rgb(138,132,118)
-
#94896c
#94896c
rgb(148,137,108)
-
#9d8d63
#9d8d63
rgb(157,141,99)
-
#a79259
#a79259
rgb(167,146,89)
-
#b1964f
#b1964f
rgb(177,150,79)
-
#bb9b45
#bb9b45
rgb(187,155,69)
-
#c49f3c
#c49f3c
rgb(196,159,60)
-
#cea432
#cea432
rgb(206,164,50)
-
#d8a828
#d8a828
rgb(216,168,40)
-
#e2ad1e
#e2ad1e
rgb(226,173,30)
-
#ebb115
#ebb115
rgb(235,177,21)
-
#f5b60b
#f5b60b
rgb(245,182,11)
-
#ffba01
#ffba01
rgb(255,186,1)
Color Blindness Simulator
Below, you can see how #ffba01 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.