#ba2a36 Color Information
In a RGB color space, hex #ba2a36 is composed of 72.9% red, 16.5% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.4% magenta, 71% yellow and 27.1% black. It has a hue angle of 355 degrees, a saturation of 63.2% and a lightness of 44.7%. #ba2a36 color hex could be obtained by blending #ff546c with #750000. Closest websafe color is: #cc3333.
-
- R 73
- G 16
- B 21
-
- C 0
- M 77
- Y 71
- K 27
● #ba2a36 color description : Strong red.
#ba2a36 Color Conversion
The hexadecimal color #ba2a36 has RGB values of R:186, G:42, B:54 and CMYK values of C:0, M:0.77, Y:0.71, K:0.27. Its decimal value is 12200502.
Hex triplet | ba2a36 | #ba2a36 |
---|---|---|
RGB Decimal | 186, 42, 54 | rgb(186,42,54) |
RGB Percent | 72.9, 16.5, 21.2 | rgb(72.9%,16.5%,21.2%) |
CMYK | 0, 77, 71, 27 | |
HSL | 355°, 63.2, 44.7 | hsl(355,63.2%,44.7%) |
HSV (or HSB) | 355°, 77.4, 72.9 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 41.789, 56.712, 29.322 |
---|---|
XYZ | 21.745, 12.364, 4.731 |
xyY | 0.56, 0.318, 12.364 |
CIE-LCH | 41.789, 63.844, 27.341 |
CIE-LUV | 41.789, 105.945, 18.616 |
Hunter-Lab | 35.162, 48.85, 16.636 |
Binary | 10111010, 00101010, 00110110 |
Color Schemes with #ba2a36
Alternatives to #ba2a36
Below, you can see some colors close to #ba2a36. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba2a36 Preview
This text has a font color of #ba2a36.
<span style="color:#ba2a36;">Text here</span>
This paragraph has a background color of #ba2a36.
<p style="background-color:#ba2a36;">Content here</p>
This element has a border color of #ba2a36.
<div style="border:1px solid #ba2a36;">Content here</div>
.text {color:#ba2a36;}
.background {background-color:#ba2a36;}
.border {border:1px solid #ba2a36;}
Shades and Tints of #ba2a36
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, #0a0203 is the darkest color, while #fef9f9 is the lightest one.
-
#0a0203
#0a0203
rgb(10,2,3)
-
#1a0608
#1a0608
rgb(26,6,8)
-
#2a090c
#2a090c
rgb(42,9,12)
-
#3a0d11
#3a0d11
rgb(58,13,17)
-
#4a1115
#4a1115
rgb(74,17,21)
-
#5a141a
#5a141a
rgb(90,20,26)
-
#6a181f
#6a181f
rgb(106,24,31)
-
#7a1c23
#7a1c23
rgb(122,28,35)
-
#8a1f28
#8a1f28
rgb(138,31,40)
-
#9a232d
#9a232d
rgb(154,35,45)
-
#aa2631
#aa2631
rgb(170,38,49)
-
#ba2a36
#ba2a36
rgb(186,42,54)
-
#ca2e3b
#ca2e3b
rgb(202,46,59)
-
#d23946
#d23946
rgb(210,57,70)
-
#d64955
#d64955
rgb(214,73,85)
-
#da5964
#da5964
rgb(218,89,100)
-
#dd6973
#dd6973
rgb(221,105,115)
-
#e17982
#e17982
rgb(225,121,130)
-
#e48991
#e48991
rgb(228,137,145)
-
#e899a0
#e899a0
rgb(232,153,160)
-
#eca9af
#eca9af
rgb(236,169,175)
-
#efb9bd
#efb9bd
rgb(239,185,189)
-
#f3c9cc
#f3c9cc
rgb(243,201,204)
-
#f6d9db
#f6d9db
rgb(246,217,219)
-
#fae9ea
#fae9ea
rgb(250,233,234)
-
#fef9f9
#fef9f9
rgb(254,249,249)
Tones of #ba2a36
A tone is produced by adding gray to any pure hue. In this case, #747070 is the less saturated color, while #dd0719 is the most saturated one.
-
#747070
#747070
rgb(116,112,112)
-
#7d6769
#7d6769
rgb(125,103,105)
-
#855f62
#855f62
rgb(133,95,98)
-
#8e565b
#8e565b
rgb(142,86,91)
-
#974d53
#974d53
rgb(151,77,83)
-
#a0444c
#a0444c
rgb(160,68,76)
-
#a83c45
#a83c45
rgb(168,60,69)
-
#b1333d
#b1333d
rgb(177,51,61)
-
#ba2a36
#ba2a36
rgb(186,42,54)
-
#c3212f
#c3212f
rgb(195,33,47)
-
#cc1827
#cc1827
rgb(204,24,39)
-
#d41020
#d41020
rgb(212,16,32)
-
#dd0719
#dd0719
rgb(221,7,25)
Color Blindness Simulator
Below, you can see how #ba2a36 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.