#ba2233 Color Information
In a RGB color space, hex #ba2233 is composed of 72.9% red, 13.3% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 72.6% yellow and 27.1% black. It has a hue angle of 353.3 degrees, a saturation of 69.1% and a lightness of 43.1%. #ba2233 color hex could be obtained by blending #ff4466 with #750000. Closest websafe color is: #cc3333.
-
- R 73
- G 13
- B 20
-
- C 0
- M 82
- Y 73
- K 27
● #ba2233 color description : Strong red.
#ba2233 Color Conversion
The hexadecimal color #ba2233 has RGB values of R:186, G:34, B:51 and CMYK values of C:0, M:0.82, Y:0.73, K:0.27. Its decimal value is 12198451.
Hex triplet | ba2233 | #ba2233 |
---|---|---|
RGB Decimal | 186, 34, 51 | rgb(186,34,51) |
RGB Percent | 72.9, 13.3, 20 | rgb(72.9%,13.3%,20%) |
CMYK | 0, 82, 73, 27 | |
HSL | 353.3°, 69.1, 43.1 | hsl(353.3,69.1%,43.1%) |
HSV (or HSB) | 353.3°, 81.7, 72.9 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 40.936, 58.859, 30.13 |
---|---|
XYZ | 21.42, 11.825, 4.286 |
xyY | 0.571, 0.315, 11.825 |
CIE-LCH | 40.936, 66.123, 27.108 |
CIE-LUV | 40.936, 110.15, 18.353 |
Hunter-Lab | 34.387, 51.013, 16.681 |
Binary | 10111010, 00100010, 00110011 |
Color Schemes with #ba2233
Alternatives to #ba2233
Below, you can see some colors close to #ba2233. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba2233 Preview
This text has a font color of #ba2233.
<span style="color:#ba2233;">Text here</span>
This paragraph has a background color of #ba2233.
<p style="background-color:#ba2233;">Content here</p>
This element has a border color of #ba2233.
<div style="border:1px solid #ba2233;">Content here</div>
.text {color:#ba2233;}
.background {background-color:#ba2233;}
.border {border:1px solid #ba2233;}
Shades and Tints of #ba2233
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, #040101 is the darkest color, while #fdf2f3 is the lightest one.
-
#040101
#040101
rgb(4,1,1)
-
#140406
#140406
rgb(20,4,6)
-
#25070a
#25070a
rgb(37,7,10)
-
#350a0f
#350a0f
rgb(53,10,15)
-
#460d13
#460d13
rgb(70,13,19)
-
#561018
#561018
rgb(86,16,24)
-
#67131c
#67131c
rgb(103,19,28)
-
#781621
#781621
rgb(120,22,33)
-
#881925
#881925
rgb(136,25,37)
-
#991c2a
#991c2a
rgb(153,28,42)
-
#a91f2e
#a91f2e
rgb(169,31,46)
-
#ba2233
#ba2233
rgb(186,34,51)
-
#cb2538
#cb2538
rgb(203,37,56)
-
#d82b3e
#d82b3e
rgb(216,43,62)
-
#db3c4d
#db3c4d
rgb(219,60,77)
-
#de4c5c
#de4c5c
rgb(222,76,92)
-
#e15d6c
#e15d6c
rgb(225,93,108)
-
#e46d7b
#e46d7b
rgb(228,109,123)
-
#e77e8a
#e77e8a
rgb(231,126,138)
-
#ea8e99
#ea8e99
rgb(234,142,153)
-
#ed9fa8
#ed9fa8
rgb(237,159,168)
-
#f0b0b7
#f0b0b7
rgb(240,176,183)
-
#f4c0c6
#f4c0c6
rgb(244,192,198)
-
#f7d1d5
#f7d1d5
rgb(247,209,213)
-
#fae1e4
#fae1e4
rgb(250,225,228)
-
#fdf2f3
#fdf2f3
rgb(253,242,243)
Tones of #ba2233
A tone is produced by adding gray to any pure hue. In this case, #766668 is the less saturated color, while #dc0019 is the most saturated one.
-
#766668
#766668
rgb(118,102,104)
-
#7f5d61
#7f5d61
rgb(127,93,97)
-
#87555a
#87555a
rgb(135,85,90)
-
#904c54
#904c54
rgb(144,76,84)
-
#98444d
#98444d
rgb(152,68,77)
-
#a13b47
#a13b47
rgb(161,59,71)
-
#a93340
#a93340
rgb(169,51,64)
-
#b22a3a
#b22a3a
rgb(178,42,58)
-
#ba2233
#ba2233
rgb(186,34,51)
-
#c21a2c
#c21a2c
rgb(194,26,44)
-
#cb1126
#cb1126
rgb(203,17,38)
-
#d3091f
#d3091f
rgb(211,9,31)
-
#dc0019
#dc0019
rgb(220,0,25)
Color Blindness Simulator
Below, you can see how #ba2233 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.