#b42318 hex color

In a RGB color space, hex #b42318 is composed of 70.6% red, 13.7% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.6% magenta, 86.7% yellow and 29.4% black. It has a hue angle of 4.2 degrees, a saturation of 76.5% and a lightness of 40%. #b42318 color hex could be obtained by blending #ff4630 with #690000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 71
- G 14
- B 9
RGB color chart
- C 0
- M 81
- Y 87
- K 29
CMYK color chart

● #b42318 color description : Strong red.

The hexadecimal color #b42318 has RGB values of R:180, G:35, B:24 and CMYK values of C:0, M:0.81, Y:0.87, K:0.29. Its decimal value is 11805464.

Hex triplet	b42318	`#b42318`
RGB Decimal	180, 35, 24	`rgb(180,35,24)`
RGB Percent	70.6, 13.7, 9.4	`rgb(70.6%,13.7%,9.4%)`
CMYK	0, 81, 87, 29
HSL	4.2°, 76.5, 40	`hsl(4.2,76.5%,40%)`
HSV (or HSB)	4.2°, 86.7, 70.6
Web Safe	cc3300	`#cc3300`

CIE-LAB	39.536, 55.965, 43.418
XYZ	19.589, 10.974, 1.951
xyY	0.602, 0.338, 10.974
CIE-LCH	39.536, 70.832, 37.805
CIE-LUV	39.536, 110.227, 26.388
Hunter-Lab	33.127, 47.583, 19.697
Binary	10110100, 00100011, 00011000

#b42318
```
#b42318 rgb(180,35,24)
```
#18a9b4
```
#18a9b4 rgb(24,169,180)
```

Complementary Color

#b4185b
```
#b4185b rgb(180,24,91)
```
#b42318
```
#b42318 rgb(180,35,24)
```
#b47118
```
#b47118 rgb(180,113,24)
```

Analogous Color

#185bb4
```
#185bb4 rgb(24,91,180)
```
#b42318
```
#b42318 rgb(180,35,24)
```
#18b471
```
#18b471 rgb(24,180,113)
```

Split Complementary Color

#2318b4
```
#2318b4 rgb(35,24,180)
```
#b42318
```
#b42318 rgb(180,35,24)
```
#18b423
```
#18b423 rgb(24,180,35)
```

Triadic Color

#b418a9
```
#b418a9 rgb(180,24,169)
```
#b42318
```
#b42318 rgb(180,35,24)
```
#18b423
```
#18b423 rgb(24,180,35)
```
#18a9b4
```
#18a9b4 rgb(24,169,180)
```

Tetradic Color

#71160f
```
#71160f rgb(113,22,15)
```
#871a12
```
#871a12 rgb(135,26,18)
```
#9e1f15
```
#9e1f15 rgb(158,31,21)
```
#b42318
```
#b42318 rgb(180,35,24)
```
#cb271b
```
#cb271b rgb(203,39,27)
```
#e12c1e
```
#e12c1e rgb(225,44,30)
```
#e44135
```
#e44135 rgb(228,65,53)
```

Monochromatic Color

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

#b41834
```
#b41834 rgb(180,24,52)
```
#b41827
```
#b41827 rgb(180,24,39)
```
#b4181a
```
#b4181a rgb(180,24,26)
```
#b42318
```
#b42318 rgb(180,35,24)
```
#b43018
```
#b43018 rgb(180,48,24)
```
#b43d18
```
#b43d18 rgb(180,61,24)
```
#b44a18
```
#b44a18 rgb(180,74,24)
```

Similar Colors

Text with hexadecimal color #b42318

This text has a font color of #b42318.

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

#b42318 background color

This paragraph has a background color of #b42318.

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

#b42318 border color

This element has a border color of #b42318.

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

CSS codes

.text {color:#b42318;}

.background {background-color:#b42318;}

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

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

#070101
```
#070101 rgb(7,1,1)
```
#180503
```
#180503 rgb(24,5,3)
```
#2a0806
```
#2a0806 rgb(42,8,6)
```
#3b0b08
```
#3b0b08 rgb(59,11,8)
```
#4c0f0a
```
#4c0f0a rgb(76,15,10)
```
#5d120c
```
#5d120c rgb(93,18,12)
```
#6f160f
```
#6f160f rgb(111,22,15)
```
#801911
```
#801911 rgb(128,25,17)
```
#911c13
```
#911c13 rgb(145,28,19)
```
#a32016
```
#a32016 rgb(163,32,22)
```
#b42318
```
#b42318 rgb(180,35,24)
```
#c5261a
```
#c5261a rgb(197,38,26)
```
#d72a1d
```
#d72a1d rgb(215,42,29)
```

Shade Color Variation

#e23225
```
#e23225 rgb(226,50,37)
```
#e44336
```
#e44336 rgb(228,67,54)
```
#e75348
```
#e75348 rgb(231,83,72)
```
#e96359
```
#e96359 rgb(233,99,89)
```
#eb736a
```
#eb736a rgb(235,115,106)
```
#ed847b
```
#ed847b rgb(237,132,123)
```
#f0948d
```
#f0948d rgb(240,148,141)
```
#f2a49e
```
#f2a49e rgb(242,164,158)
```
#f4b4af
```
#f4b4af rgb(244,180,175)
```
#f7c5c1
```
#f7c5c1 rgb(247,197,193)
```
#f9d5d2
```
#f9d5d2 rgb(249,213,210)
```
#fbe5e3
```
#fbe5e3 rgb(251,229,227)
```
#fef5f5
```
#fef5f5 rgb(254,245,245)
```

Tint Color Variation

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

#6d605f
```
#6d605f rgb(109,96,95)
```
#755957
```
#755957 rgb(117,89,87)
```
#7d524f
```
#7d524f rgb(125,82,79)
```
#854b47
```
#854b47 rgb(133,75,71)
```
#8d453f
```
#8d453f rgb(141,69,63)
```
#953e37
```
#953e37 rgb(149,62,55)
```
#9c3730
```
#9c3730 rgb(156,55,48)
```
#a43028
```
#a43028 rgb(164,48,40)
```
#ac2a20
```
#ac2a20 rgb(172,42,32)
```
#b42318
```
#b42318 rgb(180,35,24)
```
#bc1c10
```
#bc1c10 rgb(188,28,16)
```
#c41608
```
#c41608 rgb(196,22,8)
```
#cc0f00
```
#cc0f00 rgb(204,15,0)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#624542 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706531 Protanopia 1% of men
#7e6011 Deuteranopia 1% of men
#b82d2d Tritanopia 0.001% of the population

Trichromacy

#884d28 Protanomaly 1% of men, 0.01% of women
#924a13 Deuteranomaly 6% of men, 0.4% of women
#b62925 Tritanomaly 0.01% of the population

#b42318 hex color

#b42318 Color Information

#b42318 Color Conversion

Color Schemes with #b42318

Alternatives to #b42318

#b42318 Preview

Shades and Tints of #b42318

Tones of #b42318

Color Blindness Simulator