#ba3203 Color Information
In a RGB color space, hex #ba3203 is composed of 72.9% red, 19.6% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.1% magenta, 98.4% yellow and 27.1% black. It has a hue angle of 15.4 degrees, a saturation of 96.8% and a lightness of 37.1%. #ba3203 color hex could be obtained by blending #ff6406 with #750000. Closest websafe color is: #cc3300.
-
- R 73
- G 20
- B 1
-
- C 0
- M 73
- Y 98
- K 27
● #ba3203 color description : Strong orange.
#ba3203 Color Conversion
The hexadecimal color #ba3203 has RGB values of R:186, G:50, B:3 and CMYK values of C:0, M:0.73, Y:0.98, K:0.27. Its decimal value is 12202499.
| Hex triplet | ba3203 | #ba3203 |
|---|---|---|
| RGB Decimal | 186, 50, 3 | rgb(186,50,3) |
| RGB Percent | 72.9, 19.6, 1.2 | rgb(72.9%,19.6%,1.2%) |
| CMYK | 0, 73, 98, 27 | |
| HSL | 15.4°, 96.8, 37.1 | hsl(15.4,96.8%,37.1%) |
| HSV (or HSB) | 15.4°, 98.4, 72.9 | |
| Web Safe | cc3300 | #cc3300 |
| CIE-LAB | 42.353, 52.695, 53.576 |
|---|---|
| XYZ | 21.408, 12.729, 1.416 |
| xyY | 0.602, 0.358, 12.729 |
| CIE-LCH | 42.353, 75.147, 45.475 |
| CIE-LUV | 42.353, 108.745, 33.362 |
| Hunter-Lab | 35.678, 44.667, 22.622 |
| Binary | 10111010, 00110010, 00000011 |
Color Schemes with #ba3203
Alternatives to #ba3203
Below, you can see some colors close to #ba3203. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba3203 Preview
This text has a font color of #ba3203.
<span style="color:#ba3203;">Text here</span>
This paragraph has a background color of #ba3203.
<p style="background-color:#ba3203;">Content here</p>
This element has a border color of #ba3203.
<div style="border:1px solid #ba3203;">Content here</div>
.text {color:#ba3203;}
.background {background-color:#ba3203;}
.border {border:1px solid #ba3203;}
Shades and Tints of #ba3203
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, #0c0300 is the darkest color, while #fffaf8 is the lightest one.
-
#0c0300
#0c0300rgb(12,3,0) -
#200801
#200801rgb(32,8,1) -
#330e01
#330e01rgb(51,14,1) -
#461301
#461301rgb(70,19,1) -
#591801
#591801rgb(89,24,1) -
#6d1d02
#6d1d02rgb(109,29,2) -
#802202
#802202rgb(128,34,2) -
#932802
#932802rgb(147,40,2) -
#a72d03
#a72d03rgb(167,45,3) -
#ba3203
#ba3203rgb(186,50,3) -
#cd3703
#cd3703rgb(205,55,3) -
#e13c04
#e13c04rgb(225,60,4) -
#f44204
#f44204rgb(244,66,4)
-
#fb4d10
#fb4d10rgb(251,77,16) -
#fb5b24
#fb5b24rgb(251,91,36) -
#fc6937
#fc6937rgb(252,105,55) -
#fc784a
#fc784argb(252,120,74) -
#fc865e
#fc865ergb(252,134,94) -
#fd9571
#fd9571rgb(253,149,113) -
#fda384
#fda384rgb(253,163,132) -
#fdb297
#fdb297rgb(253,178,151) -
#fec0ab
#fec0abrgb(254,192,171) -
#fecebe
#fecebergb(254,206,190) -
#feddd1
#feddd1rgb(254,221,209) -
#ffebe5
#ffebe5rgb(255,235,229) -
#fffaf8
#fffaf8rgb(255,250,248)
Tones of #ba3203
A tone is produced by adding gray to any pure hue. In this case, #635c5a is the less saturated color, while #ba3203 is the most saturated one.
-
#635c5a
#635c5argb(99,92,90) -
#6a5953
#6a5953rgb(106,89,83) -
#71554c
#71554crgb(113,85,76) -
#795244
#795244rgb(121,82,68) -
#804e3d
#804e3drgb(128,78,61) -
#874b36
#874b36rgb(135,75,54) -
#8e472f
#8e472frgb(142,71,47) -
#964427
#964427rgb(150,68,39) -
#9d4020
#9d4020rgb(157,64,32) -
#a43d19
#a43d19rgb(164,61,25) -
#ab3912
#ab3912rgb(171,57,18) -
#b3360a
#b3360argb(179,54,10) -
#ba3203
#ba3203rgb(186,50,3)
Color Blindness Simulator
Below, you can see how #ba3203 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.
