#ba103e Color Information
In a RGB color space, hex #ba103e is composed of 72.9% red, 6.3% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.4% magenta, 66.7% yellow and 27.1% black. It has a hue angle of 343.8 degrees, a saturation of 84.2% and a lightness of 39.6%. #ba103e color hex could be obtained by blending #ff207c with #750000. Closest websafe color is: #cc0033.
-
- R 73
- G 6
- B 24
-
- C 0
- M 91
- Y 67
- K 27
● #ba103e color description : Strong pink.
#ba103e Color Conversion
The hexadecimal color #ba103e has RGB values of R:186, G:16, B:62 and CMYK values of C:0, M:0.91, Y:0.67, K:0.27. Its decimal value is 12193854.
| Hex triplet | ba103e | #ba103e |
|---|---|---|
| RGB Decimal | 186, 16, 62 | rgb(186,16,62) |
| RGB Percent | 72.9, 6.3, 24.3 | rgb(72.9%,6.3%,24.3%) |
| CMYK | 0, 91, 67, 27 | |
| HSL | 343.8°, 84.2, 39.6 | hsl(343.8,84.2%,39.6%) |
| HSV (or HSB) | 343.8°, 91.4, 72.9 | |
| Web Safe | cc0033 | #cc0033 |
| CIE-LAB | 39.849, 63.002, 21.961 |
|---|---|
| XYZ | 21.305, 11.16, 5.589 |
| xyY | 0.56, 0.293, 11.16 |
| CIE-LCH | 39.849, 66.72, 19.217 |
| CIE-LUV | 39.849, 112.369, 10.612 |
| Hunter-Lab | 33.407, 55.378, 13.465 |
| Binary | 10111010, 00010000, 00111110 |
Color Schemes with #ba103e
Alternatives to #ba103e
Below, you can see some colors close to #ba103e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba103e Preview
This text has a font color of #ba103e.
<span style="color:#ba103e;">Text here</span>
This paragraph has a background color of #ba103e.
<p style="background-color:#ba103e;">Content here</p>
This element has a border color of #ba103e.
<div style="border:1px solid #ba103e;">Content here</div>
.text {color:#ba103e;}
.background {background-color:#ba103e;}
.border {border:1px solid #ba103e;}
Shades and Tints of #ba103e
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, #050002 is the darkest color, while #fef2f5 is the lightest one.
-
#050002
#050002rgb(5,0,2) -
#170208
#170208rgb(23,2,8) -
#2a040e
#2a040ergb(42,4,14) -
#3c0514
#3c0514rgb(60,5,20) -
#4e071a
#4e071argb(78,7,26) -
#600820
#600820rgb(96,8,32) -
#720a26
#720a26rgb(114,10,38) -
#840b2c
#840b2crgb(132,11,44) -
#960d32
#960d32rgb(150,13,50) -
#a80e38
#a80e38rgb(168,14,56) -
#ba103e
#ba103ergb(186,16,62) -
#cc1244
#cc1244rgb(204,18,68) -
#de134a
#de134argb(222,19,74)
-
#eb1a52
#eb1a52rgb(235,26,82) -
#ed2c60
#ed2c60rgb(237,44,96) -
#ee3e6e
#ee3e6ergb(238,62,110) -
#f0507b
#f0507brgb(240,80,123) -
#f16289
#f16289rgb(241,98,137) -
#f37496
#f37496rgb(243,116,150) -
#f586a4
#f586a4rgb(245,134,164) -
#f698b1
#f698b1rgb(246,152,177) -
#f8aabf
#f8aabfrgb(248,170,191) -
#f9bccd
#f9bccdrgb(249,188,205) -
#fbceda
#fbcedargb(251,206,218) -
#fce0e8
#fce0e8rgb(252,224,232) -
#fef2f5
#fef2f5rgb(254,242,245)
Tones of #ba103e
A tone is produced by adding gray to any pure hue. In this case, #6c5e62 is the less saturated color, while #ca0037 is the most saturated one.
-
#6c5e62
#6c5e62rgb(108,94,98) -
#74565e
#74565ergb(116,86,94) -
#7c4e5b
#7c4e5brgb(124,78,91) -
#844657
#844657rgb(132,70,87) -
#8b3f53
#8b3f53rgb(139,63,83) -
#933750
#933750rgb(147,55,80) -
#9b2f4c
#9b2f4crgb(155,47,76) -
#a32749
#a32749rgb(163,39,73) -
#aa2045
#aa2045rgb(170,32,69) -
#b21842
#b21842rgb(178,24,66) -
#ba103e
#ba103ergb(186,16,62) -
#c2083a
#c2083argb(194,8,58) -
#ca0037
#ca0037rgb(202,0,55)
Color Blindness Simulator
Below, you can see how #ba103e 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.
