#ba230f hex color

In a RGB color space, hex #ba230f is composed of 72.9% red, 13.7% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.2% magenta, 91.9% yellow and 27.1% black. It has a hue angle of 7 degrees, a saturation of 85.1% and a lightness of 39.4%. #ba230f color hex could be obtained by blending #ff461e with #750000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 73
- G 14
- B 6
RGB color chart
- C 0
- M 81
- Y 92
- K 27
CMYK color chart

● #ba230f color description : Strong red.

The hexadecimal color #ba230f has RGB values of R:186, G:35, B:15 and CMYK values of C:0, M:0.81, Y:0.92, K:0.27. Its decimal value is 12198671.

Hex triplet	ba230f	`#ba230f`
RGB Decimal	186, 35, 15	`rgb(186,35,15)`
RGB Percent	72.9, 13.7, 5.9	`rgb(72.9%,13.7%,5.9%)`
CMYK	0, 81, 92, 27
HSL	7°, 85.1, 39.4	`hsl(7,85.1%,39.4%)`
HSV (or HSB)	7°, 91.9, 72.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	40.7, 57.576, 48.735
XYZ	20.938, 11.678, 1.604
xyY	0.612, 0.341, 11.678
CIE-LCH	40.7, 75.433, 40.246
CIE-LUV	40.7, 115.872, 28.98
Hunter-Lab	34.174, 49.563, 21.139
Binary	10111010, 00100011, 00001111

#ba230f
```
#ba230f rgb(186,35,15)
```
#0fa6ba
```
#0fa6ba rgb(15,166,186)
```

Complementary Color

#ba0f51
```
#ba0f51 rgb(186,15,81)
```
#ba230f
```
#ba230f rgb(186,35,15)
```
#ba790f
```
#ba790f rgb(186,121,15)
```

Analogous Color

#0f51ba
```
#0f51ba rgb(15,81,186)
```
#ba230f
```
#ba230f rgb(186,35,15)
```
#0fba79
```
#0fba79 rgb(15,186,121)
```

Split Complementary Color

#230fba
```
#230fba rgb(35,15,186)
```
#ba230f
```
#ba230f rgb(186,35,15)
```
#0fba23
```
#0fba23 rgb(15,186,35)
```

Triadic Color

#ba0fa6
```
#ba0fa6 rgb(186,15,166)
```
#ba230f
```
#ba230f rgb(186,35,15)
```
#0fba23
```
#0fba23 rgb(15,186,35)
```
#0fa6ba
```
#0fa6ba rgb(15,166,186)
```

Tetradic Color

#731609
```
#731609 rgb(115,22,9)
```
#8b1a0b
```
#8b1a0b rgb(139,26,11)
```
#a21f0d
```
#a21f0d rgb(162,31,13)
```
#ba230f
```
#ba230f rgb(186,35,15)
```
#d22711
```
#d22711 rgb(210,39,17)
```
#e92c13
```
#e92c13 rgb(233,44,19)
```
#ee3f28
```
#ee3f28 rgb(238,63,40)
```

Monochromatic Color

Below, you can see some colors close to #ba230f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ba0f26
```
#ba0f26 rgb(186,15,38)
```
#ba0f18
```
#ba0f18 rgb(186,15,24)
```
#ba150f
```
#ba150f rgb(186,21,15)
```
#ba230f
```
#ba230f rgb(186,35,15)
```
#ba310f
```
#ba310f rgb(186,49,15)
```
#ba400f
```
#ba400f rgb(186,64,15)
```
#ba4e0f
```
#ba4e0f rgb(186,78,15)
```

Similar Colors

Text with hexadecimal color #ba230f

This text has a font color of #ba230f.

<span style="color:#ba230f;">Text here</span>

#ba230f background color

This paragraph has a background color of #ba230f.

<p style="background-color:#ba230f;">Content here</p>

#ba230f border color

This element has a border color of #ba230f.

<div style="border:1px solid #ba230f;">Content here</div>

CSS codes

.text {color:#ba230f;}

.background {background-color:#ba230f;}

.border {border:1px solid #ba230f;}

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, #040100 is the darkest color, while #fef3f1 is the lightest one.

#040100
```
#040100 rgb(4,1,0)
```
#170402
```
#170402 rgb(23,4,2)
```
#290803
```
#290803 rgb(41,8,3)
```
#3b0b05
```
#3b0b05 rgb(59,11,5)
```
#4d0f06
```
#4d0f06 rgb(77,15,6)
```
#5f1208
```
#5f1208 rgb(95,18,8)
```
#711509
```
#711509 rgb(113,21,9)
```
#84190b
```
#84190b rgb(132,25,11)
```
#961c0c
```
#961c0c rgb(150,28,12)
```
#a8200e
```
#a8200e rgb(168,32,14)
```
#ba230f
```
#ba230f rgb(186,35,15)
```
#cc2610
```
#cc2610 rgb(204,38,16)
```
#de2a12
```
#de2a12 rgb(222,42,18)
```

Shade Color Variation

#ec3018
```
#ec3018 rgb(236,48,24)
```
#ee412a
```
#ee412a rgb(238,65,42)
```
#ef513c
```
#ef513c rgb(239,81,60)
```
#f1614e
```
#f1614e rgb(241,97,78)
```
#f27160
```
#f27160 rgb(242,113,96)
```
#f48172
```
#f48172 rgb(244,129,114)
```
#f59284
```
#f59284 rgb(245,146,132)
```
#f7a297
```
#f7a297 rgb(247,162,151)
```
#f8b2a9
```
#f8b2a9 rgb(248,178,169)
```
#fac2bb
```
#fac2bb rgb(250,194,187)
```
#fbd2cd
```
#fbd2cd rgb(251,210,205)
```
#fce3df
```
#fce3df rgb(252,227,223)
```
#fef3f1
```
#fef3f1 rgb(254,243,241)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656464 is the less saturated color, while #c21d07 is the most saturated one.

#656464
```
#656464 rgb(101,100,100)
```
#6d5e5c
```
#6d5e5c rgb(109,94,92)
```
#745855
```
#745855 rgb(116,88,85)
```
#7c524d
```
#7c524d rgb(124,82,77)
```
#844c45
```
#844c45 rgb(132,76,69)
```
#8c473d
```
#8c473d rgb(140,71,61)
```
#934136
```
#934136 rgb(147,65,54)
```
#9b3b2e
```
#9b3b2e rgb(155,59,46)
```
#a33526
```
#a33526 rgb(163,53,38)
```
#ab2f1e
```
#ab2f1e rgb(171,47,30)
```
#b22917
```
#b22917 rgb(178,41,23)
```
#ba230f
```
#ba230f rgb(186,35,15)
```
#c21d07
```
#c21d07 rgb(194,29,7)
```

Tone Color Variation

Below, you can see how #ba230f 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.

Monochromacy

#4e4e4e Achromatopsia 0.005% of the population
#644541 Atypical Achromatopsia 0.001% of the population

Dichromacy

#736828 Protanopia 1% of men
#826300 Deuteranopia 1% of men
#bd2c2c Tritanopia 0.001% of the population

Trichromacy

#8d4f1f Protanomaly 1% of men, 0.01% of women
#964b05 Deuteranomaly 6% of men, 0.4% of women
#bc2921 Tritanomaly 0.01% of the population

#ba230f hex color

#ba230f Color Information

#ba230f Color Conversion

Color Schemes with #ba230f

Alternatives to #ba230f

#ba230f Preview

Shades and Tints of #ba230f

Tones of #ba230f

Color Blindness Simulator