#ffba29 Color Information
In a RGB color space, hex #ffba29 is composed of 100% red, 72.9% green and 16.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.1% magenta, 83.9% yellow and 0% black. It has a hue angle of 40.7 degrees, a saturation of 100% and a lightness of 58%. #ffba29 color hex could be obtained by blending #ffff52 with #ff7500. Closest websafe color is: #ffcc33.
-
- R 100
- G 73
- B 16
-
- C 0
- M 27
- Y 84
- K 0
● #ffba29 color description : Vivid orange.
#ffba29 Color Conversion
The hexadecimal color #ffba29 has RGB values of R:255, G:186, B:41 and CMYK values of C:0, M:0.27, Y:0.84, K:0. Its decimal value is 16759337.
Hex triplet | ffba29 | #ffba29 |
---|---|---|
RGB Decimal | 255, 186, 41 | rgb(255,186,41) |
RGB Percent | 100, 72.9, 16.1 | rgb(100%,72.9%,16.1%) |
CMYK | 0, 27, 84, 0 | |
HSL | 40.7°, 100, 58 | hsl(40.7,100%,58%) |
HSV (or HSB) | 40.7°, 83.9, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 79.921, 13.552, 75.468 |
---|---|
XYZ | 59.2, 56.541, 9.893 |
xyY | 0.471, 0.45, 56.541 |
CIE-LCH | 79.921, 76.675, 79.82 |
CIE-LUV | 79.921, 57.022, 77.663 |
Hunter-Lab | 75.194, 8.944, 44.835 |
Binary | 11111111, 10111010, 00101001 |
Color Schemes with #ffba29
Alternatives to #ffba29
Below, you can see some colors close to #ffba29. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffba29 Preview
This text has a font color of #ffba29.
<span style="color:#ffba29;">Text here</span>
This paragraph has a background color of #ffba29.
<p style="background-color:#ffba29;">Content here</p>
This element has a border color of #ffba29.
<div style="border:1px solid #ffba29;">Content here</div>
.text {color:#ffba29;}
.background {background-color:#ffba29;}
.border {border:1px solid #ffba29;}
Shades and Tints of #ffba29
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, #020100 is the darkest color, while #fff9ed is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#150e00
#150e00
rgb(21,14,0)
-
#291c00
#291c00
rgb(41,28,0)
-
#3d2900
#3d2900
rgb(61,41,0)
-
#503600
#503600
rgb(80,54,0)
-
#644400
#644400
rgb(100,68,0)
-
#775100
#775100
rgb(119,81,0)
-
#8b5e00
#8b5e00
rgb(139,94,0)
-
#9f6c00
#9f6c00
rgb(159,108,0)
-
#b27900
#b27900
rgb(178,121,0)
-
#c68600
#c68600
rgb(198,134,0)
-
#da9300
#da9300
rgb(218,147,0)
-
#eda100
#eda100
rgb(237,161,0)
-
#ffad02
#ffad02
rgb(255,173,2)
-
#ffb415
#ffb415
rgb(255,180,21)
-
#ffba29
#ffba29
rgb(255,186,41)
-
#ffc03d
#ffc03d
rgb(255,192,61)
-
#ffc750
#ffc750
rgb(255,199,80)
-
#ffcd64
#ffcd64
rgb(255,205,100)
-
#ffd377
#ffd377
rgb(255,211,119)
-
#ffda8b
#ffda8b
rgb(255,218,139)
-
#ffe09f
#ffe09f
rgb(255,224,159)
-
#ffe6b2
#ffe6b2
rgb(255,230,178)
-
#ffedc6
#ffedc6
rgb(255,237,198)
-
#fff3da
#fff3da
rgb(255,243,218)
-
#fff9ed
#fff9ed
rgb(255,249,237)
Tones of #ffba29
A tone is produced by adding gray to any pure hue. In this case, #9c978c is the less saturated color, while #ffba29 is the most saturated one.
-
#9c978c
#9c978c
rgb(156,151,140)
-
#a49a84
#a49a84
rgb(164,154,132)
-
#ad9d7b
#ad9d7b
rgb(173,157,123)
-
#b5a073
#b5a073
rgb(181,160,115)
-
#bda36b
#bda36b
rgb(189,163,107)
-
#c5a663
#c5a663
rgb(197,166,99)
-
#cea85a
#cea85a
rgb(206,168,90)
-
#d6ab52
#d6ab52
rgb(214,171,82)
-
#deae4a
#deae4a
rgb(222,174,74)
-
#e6b142
#e6b142
rgb(230,177,66)
-
#efb439
#efb439
rgb(239,180,57)
-
#f7b731
#f7b731
rgb(247,183,49)
-
#ffba29
#ffba29
rgb(255,186,41)
Color Blindness Simulator
Below, you can see how #ffba29 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.