#ba6103 Color Information
In a RGB color space, hex #ba6103 is composed of 72.9% red, 38% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.8% magenta, 98.4% yellow and 27.1% black. It has a hue angle of 30.8 degrees, a saturation of 96.8% and a lightness of 37.1%. #ba6103 color hex could be obtained by blending #ffc206 with #750000. Closest websafe color is: #cc6600.
-
- R 73
- G 38
- B 1
-
- C 0
- M 48
- Y 98
- K 27
● #ba6103 color description : Strong orange.
#ba6103 Color Conversion
The hexadecimal color #ba6103 has RGB values of R:186, G:97, B:3 and CMYK values of C:0, M:0.48, Y:0.98, K:0.27. Its decimal value is 12214531.
| Hex triplet | ba6103 | #ba6103 |
|---|---|---|
| RGB Decimal | 186, 97, 3 | rgb(186,97,3) |
| RGB Percent | 72.9, 38, 1.2 | rgb(72.9%,38%,1.2%) |
| CMYK | 0, 48, 98, 27 | |
| HSL | 30.8°, 96.8, 37.1 | hsl(30.8,96.8%,37.1%) |
| HSV (or HSB) | 30.8°, 98.4, 72.9 | |
| Web Safe | cc6600 | #cc6600 |
| CIE-LAB | 50.684, 30.958, 58.428 |
|---|---|
| XYZ | 24.542, 18.997, 2.461 |
| xyY | 0.534, 0.413, 18.997 |
| CIE-LCH | 50.684, 66.123, 62.083 |
| CIE-LUV | 50.684, 73.763, 46.925 |
| Hunter-Lab | 43.586, 24.232, 27.163 |
| Binary | 10111010, 01100001, 00000011 |
Color Schemes with #ba6103
Alternatives to #ba6103
Below, you can see some colors close to #ba6103. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba6103 Preview
This text has a font color of #ba6103.
<span style="color:#ba6103;">Text here</span>
This paragraph has a background color of #ba6103.
<p style="background-color:#ba6103;">Content here</p>
This element has a border color of #ba6103.
<div style="border:1px solid #ba6103;">Content here</div>
.text {color:#ba6103;}
.background {background-color:#ba6103;}
.border {border:1px solid #ba6103;}
Shades and Tints of #ba6103
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, #0c0600 is the darkest color, while #fffcf8 is the lightest one.
-
#0c0600
#0c0600rgb(12,6,0) -
#201001
#201001rgb(32,16,1) -
#331b01
#331b01rgb(51,27,1) -
#462501
#462501rgb(70,37,1) -
#592f01
#592f01rgb(89,47,1) -
#6d3902
#6d3902rgb(109,57,2) -
#804302
#804302rgb(128,67,2) -
#934d02
#934d02rgb(147,77,2) -
#a75703
#a75703rgb(167,87,3) -
#ba6103
#ba6103rgb(186,97,3) -
#cd6b03
#cd6b03rgb(205,107,3) -
#e17504
#e17504rgb(225,117,4) -
#f47f04
#f47f04rgb(244,127,4)
-
#fb8910
#fb8910rgb(251,137,16) -
#fb9224
#fb9224rgb(251,146,36) -
#fc9c37
#fc9c37rgb(252,156,55) -
#fca64a
#fca64argb(252,166,74) -
#fcaf5e
#fcaf5ergb(252,175,94) -
#fdb971
#fdb971rgb(253,185,113) -
#fdc284
#fdc284rgb(253,194,132) -
#fdcc97
#fdcc97rgb(253,204,151) -
#fed5ab
#fed5abrgb(254,213,171) -
#fedfbe
#fedfbergb(254,223,190) -
#fee8d1
#fee8d1rgb(254,232,209) -
#fff2e5
#fff2e5rgb(255,242,229) -
#fffcf8
#fffcf8rgb(255,252,248)
Tones of #ba6103
A tone is produced by adding gray to any pure hue. In this case, #635f5a is the less saturated color, while #ba6103 is the most saturated one.
-
#635f5a
#635f5argb(99,95,90) -
#6a5f53
#6a5f53rgb(106,95,83) -
#715f4c
#715f4crgb(113,95,76) -
#795f44
#795f44rgb(121,95,68) -
#805f3d
#805f3drgb(128,95,61) -
#876036
#876036rgb(135,96,54) -
#8e602f
#8e602frgb(142,96,47) -
#966027
#966027rgb(150,96,39) -
#9d6020
#9d6020rgb(157,96,32) -
#a46019
#a46019rgb(164,96,25) -
#ab6112
#ab6112rgb(171,97,18) -
#b3610a
#b3610argb(179,97,10) -
#ba6103
#ba6103rgb(186,97,3)
Color Blindness Simulator
Below, you can see how #ba6103 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.
