Color conversion
Color conversion for #BA2C30
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 186 | 44 | 48 | |
|---|---|---|---|---|
| HSL | 358.31° | 61.74% | 45.1% | |
| HSV | 358.31° | 76.34% | 72.94% | |
| CMYK | 0% | 76.34% | 74.19% | 27.06% |
| XYZ | 21.6864 | 12.4573 | 4.0583 | |
| Yxy | 12.4573 | 0.5677 | 0.3261 | |
| Hunter Lab | 35.2949 | 47.9096 | 17.8918 | |
| CIE-Lab | 41.9339 | 55.8144 | 33.0786 | |
| CIE-LCH | 41.9339 | 64.8802 | 30.6533 | |
| CIE-LUV | 41.9339 | 106.3955 | 21.5964 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10111010 | 00101100 | 00110000 |
| Octal | 272 | 54 | 60 |
| Decimal | 186 | 44 | 48 |
| Hex | BA | 2C | 30 |
RGB percentages
CMYK percentages
Shades #BA2C30
Tints #BA2C30
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#BA2C30 color on black
#BA2C30 color sample text
#BA2C30 color on white
#BA2C30 color sample text
#BA2C30 CSS codes
.background { background-color: #BA2C30; }
.text { color: #BA2C30; }
.border { border: 3px solid #BA2C30; }
.shadow { box-shadow: 0 8px 28px rgba(186, 44, 48, 0.35); }
CSS preview
Accessibility
Contrast on white6.02:1AA
Contrast on black3.49:1Large text
Web safe#CC3333Near
Luminance0.12450-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#BA2C30 color
PortuguêsCor #BA2C30
EspañolColor #BA2C30
한국어#BA2C30 색상
日本語#BA2C30 の色
中文#BA2C30 颜色
DeutschFarbe #BA2C30
FrançaisCouleur #BA2C30
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #BA2C30 color.
Related shades
See Reds