#ba0033 Color Information
In a RGB color space, hex #ba0033 is composed of 72.9% red, 0% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 72.6% yellow and 27.1% black. It has a hue angle of 343.5 degrees, a saturation of 100% and a lightness of 36.5%. #ba0033 color hex could be obtained by blending #ff0066 with #750000. Closest websafe color is: #cc0033.
-
- R 73
- G 0
- B 20
-
- C 0
- M 100
- Y 73
- K 27
● #ba0033 color description : Strong pink.
#ba0033 Color Conversion
The hexadecimal color #ba0033 has RGB values of R:186, G:0, B:51 and CMYK values of C:0, M:1, Y:0.73, K:0.27. Its decimal value is 12189747.
Hex triplet | ba0033 | #ba0033 |
---|---|---|
RGB Decimal | 186, 0, 51 | rgb(186,0,51) |
RGB Percent | 72.9, 0, 20 | rgb(72.9%,0%,20%) |
CMYK | 0, 100, 73, 27 | |
HSL | 343.5°, 100, 36.5 | hsl(343.5,100%,36.5%) |
HSV (or HSB) | 343.5°, 100, 72.9 | |
Web Safe | cc0033 | #cc0033 |
CIE-LAB | 39.038, 64.311, 27.88 |
---|---|
XYZ | 20.848, 10.681, 4.096 |
xyY | 0.585, 0.3, 10.681 |
CIE-LCH | 39.038, 70.094, 23.438 |
CIE-LUV | 39.038, 118.485, 14.635 |
Hunter-Lab | 32.682, 56.677, 15.447 |
Binary | 10111010, 00000000, 00110011 |
Color Schemes with #ba0033
Alternatives to #ba0033
Below, you can see some colors close to #ba0033. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba0033 Preview
This text has a font color of #ba0033.
<span style="color:#ba0033;">Text here</span>
This paragraph has a background color of #ba0033.
<p style="background-color:#ba0033;">Content here</p>
This element has a border color of #ba0033.
<div style="border:1px solid #ba0033;">Content here</div>
.text {color:#ba0033;}
.background {background-color:#ba0033;}
.border {border:1px solid #ba0033;}
Shades and Tints of #ba0033
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, #090003 is the darkest color, while #fff5f8 is the lightest one.
-
#090003
#090003
rgb(9,0,3)
-
#1d0008
#1d0008
rgb(29,0,8)
-
#31000d
#31000d
rgb(49,0,13)
-
#440013
#440013
rgb(68,0,19)
-
#580018
#580018
rgb(88,0,24)
-
#6c001d
#6c001d
rgb(108,0,29)
-
#7f0023
#7f0023
rgb(127,0,35)
-
#930028
#930028
rgb(147,0,40)
-
#a6002e
#a6002e
rgb(166,0,46)
-
#ba0033
#ba0033
rgb(186,0,51)
-
#ce0038
#ce0038
rgb(206,0,56)
-
#e1003e
#e1003e
rgb(225,0,62)
-
#f50043
#f50043
rgb(245,0,67)
-
#ff094d
#ff094d
rgb(255,9,77)
-
#ff1d5b
#ff1d5b
rgb(255,29,91)
-
#ff3169
#ff3169
rgb(255,49,105)
-
#ff4477
#ff4477
rgb(255,68,119)
-
#ff5886
#ff5886
rgb(255,88,134)
-
#ff6c94
#ff6c94
rgb(255,108,148)
-
#ff7fa2
#ff7fa2
rgb(255,127,162)
-
#ff93b0
#ff93b0
rgb(255,147,176)
-
#ffa6bf
#ffa6bf
rgb(255,166,191)
-
#ffbacd
#ffbacd
rgb(255,186,205)
-
#ffcedb
#ffcedb
rgb(255,206,219)
-
#ffe1e9
#ffe1e9
rgb(255,225,233)
-
#fff5f8
#fff5f8
rgb(255,245,248)
Tones of #ba0033
A tone is produced by adding gray to any pure hue. In this case, #64565a is the less saturated color, while #ba0033 is the most saturated one.
-
#64565a
#64565a
rgb(100,86,90)
-
#6b4f57
#6b4f57
rgb(107,79,87)
-
#724853
#724853
rgb(114,72,83)
-
#7a4050
#7a4050
rgb(122,64,80)
-
#81394d
#81394d
rgb(129,57,77)
-
#88324a
#88324a
rgb(136,50,74)
-
#8f2b46
#8f2b46
rgb(143,43,70)
-
#962443
#962443
rgb(150,36,67)
-
#9d1d40
#9d1d40
rgb(157,29,64)
-
#a5153d
#a5153d
rgb(165,21,61)
-
#ac0e39
#ac0e39
rgb(172,14,57)
-
#b30736
#b30736
rgb(179,7,54)
-
#ba0033
#ba0033
rgb(186,0,51)
Color Blindness Simulator
Below, you can see how #ba0033 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.