#ba3344 Color Information
In a RGB color space, hex #ba3344 is composed of 72.9% red, 20% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.6% magenta, 63.4% yellow and 27.1% black. It has a hue angle of 352.4 degrees, a saturation of 57% and a lightness of 46.5%. #ba3344 color hex could be obtained by blending #ff6688 with #750000. Closest websafe color is: #cc3333.
-
- R 73
- G 20
- B 27
-
- C 0
- M 73
- Y 63
- K 27
● #ba3344 color description : Moderate red.
#ba3344 Color Conversion
The hexadecimal color #ba3344 has RGB values of R:186, G:51, B:68 and CMYK values of C:0, M:0.73, Y:0.63, K:0.27. Its decimal value is 12202820.
Hex triplet | ba3344 | #ba3344 |
---|---|---|
RGB Decimal | 186, 51, 68 | rgb(186,51,68) |
RGB Percent | 72.9, 20, 26.7 | rgb(72.9%,20%,26.7%) |
CMYK | 0, 73, 63, 27 | |
HSL | 352.4°, 57, 46.5 | hsl(352.4,57%,46.5%) |
HSV (or HSB) | 352.4°, 72.6, 72.9 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 43.103, 54.448, 22.404 |
---|---|
XYZ | 22.478, 13.227, 6.838 |
xyY | 0.528, 0.311, 13.227 |
CIE-LCH | 43.103, 58.878, 22.366 |
CIE-LUV | 43.103, 97.852, 13.899 |
Hunter-Lab | 36.368, 46.679, 14.31 |
Binary | 10111010, 00110011, 01000100 |
Color Schemes with #ba3344
Alternatives to #ba3344
Below, you can see some colors close to #ba3344. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba3344 Preview
This text has a font color of #ba3344.
<span style="color:#ba3344;">Text here</span>
This paragraph has a background color of #ba3344.
<p style="background-color:#ba3344;">Content here</p>
This element has a border color of #ba3344.
<div style="border:1px solid #ba3344;">Content here</div>
.text {color:#ba3344;}
.background {background-color:#ba3344;}
.border {border:1px solid #ba3344;}
Shades and Tints of #ba3344
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, #010000 is the darkest color, while #fbf1f2 is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#110506
#110506
rgb(17,5,6)
-
#20090c
#20090c
rgb(32,9,12)
-
#2f0d11
#2f0d11
rgb(47,13,17)
-
#3f1117
#3f1117
rgb(63,17,23)
-
#4e151d
#4e151d
rgb(78,21,29)
-
#5e1a22
#5e1a22
rgb(94,26,34)
-
#6d1e28
#6d1e28
rgb(109,30,40)
-
#7c222d
#7c222d
rgb(124,34,45)
-
#8c2633
#8c2633
rgb(140,38,51)
-
#9b2b39
#9b2b39
rgb(155,43,57)
-
#ab2f3e
#ab2f3e
rgb(171,47,62)
-
#ba3344
#ba3344
rgb(186,51,68)
-
#c8384a
#c8384a
rgb(200,56,74)
-
#cd4858
#cd4858
rgb(205,72,88)
-
#d15766
#d15766
rgb(209,87,102)
-
#d56674
#d56674
rgb(213,102,116)
-
#d97682
#d97682
rgb(217,118,130)
-
#de8590
#de8590
rgb(222,133,144)
-
#e2959e
#e2959e
rgb(226,149,158)
-
#e6a4ac
#e6a4ac
rgb(230,164,172)
-
#eab3ba
#eab3ba
rgb(234,179,186)
-
#eec3c8
#eec3c8
rgb(238,195,200)
-
#f3d2d6
#f3d2d6
rgb(243,210,214)
-
#f7e1e4
#f7e1e4
rgb(247,225,228)
-
#fbf1f2
#fbf1f2
rgb(251,241,242)
Tones of #ba3344
A tone is produced by adding gray to any pure hue. In this case, #7a7374 is the less saturated color, while #e80522 is the most saturated one.
-
#7a7374
#7a7374
rgb(122,115,116)
-
#836a6d
#836a6d
rgb(131,106,109)
-
#8c6166
#8c6166
rgb(140,97,102)
-
#96575f
#96575f
rgb(150,87,95)
-
#9f4e58
#9f4e58
rgb(159,78,88)
-
#a84552
#a84552
rgb(168,69,82)
-
#b13c4b
#b13c4b
rgb(177,60,75)
-
#ba3344
#ba3344
rgb(186,51,68)
-
#c32a3d
#c32a3d
rgb(195,42,61)
-
#cc2136
#cc2136
rgb(204,33,54)
-
#d51830
#d51830
rgb(213,24,48)
-
#de0f29
#de0f29
rgb(222,15,41)
-
#e80522
#e80522
rgb(232,5,34)
Color Blindness Simulator
Below, you can see how #ba3344 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.