#b31a55 hex color

In a RGB color space, hex #b31a55 is composed of 70.2% red, 10.2% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.5% magenta, 52.5% yellow and 29.8% black. It has a hue angle of 336.9 degrees, a saturation of 74.6% and a lightness of 40.2%. #b31a55 color hex could be obtained by blending #ff34aa with #670000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 70
- G 10
- B 33
RGB color chart
- C 0
- M 85
- Y 53
- K 30
CMYK color chart

● #b31a55 color description : Strong pink.

The hexadecimal color #b31a55 has RGB values of R:179, G:26, B:85 and CMYK values of C:0, M:0.85, Y:0.53, K:0.3. Its decimal value is 11737685.

Hex triplet	b31a55	`#b31a55`
RGB Decimal	179, 26, 85	`rgb(179,26,85)`
RGB Percent	70.2, 10.2, 33.3	`rgb(70.2%,10.2%,33.3%)`
CMYK	0, 85, 53, 30
HSL	336.9°, 74.6, 40.2	`hsl(336.9,74.6%,40.2%)`
HSV (or HSB)	336.9°, 85.5, 70.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	39.548, 60.91, 6.668
XYZ	20.6, 10.981, 9.629
xyY	0.5, 0.266, 10.981
CIE-LCH	39.548, 61.274, 6.248
CIE-LUV	39.548, 96.068, -3.576
Hunter-Lab	33.137, 52.977, 5.968
Binary	10110011, 00011010, 01010101

#b31a55
```
#b31a55 rgb(179,26,85)
```
#1ab378
```
#1ab378 rgb(26,179,120)
```

Complementary Color

#b31aa2
```
#b31aa2 rgb(179,26,162)
```
#b31a55
```
#b31a55 rgb(179,26,85)
```
#b32c1a
```
#b32c1a rgb(179,44,26)
```

Analogous Color

#1aa2b3
```
#1aa2b3 rgb(26,162,179)
```
#b31a55
```
#b31a55 rgb(179,26,85)
```
#1ab32c
```
#1ab32c rgb(26,179,44)
```

Split Complementary Color

#1a55b3
```
#1a55b3 rgb(26,85,179)
```
#b31a55
```
#b31a55 rgb(179,26,85)
```
#55b31a
```
#55b31a rgb(85,179,26)
```

Triadic Color

#781ab3
```
#781ab3 rgb(120,26,179)
```
#b31a55
```
#b31a55 rgb(179,26,85)
```
#55b31a
```
#55b31a rgb(85,179,26)
```
#1ab378
```
#1ab378 rgb(26,179,120)
```

Tetradic Color

#701035
```
#701035 rgb(112,16,53)
```
#861440
```
#861440 rgb(134,20,64)
```
#9d174a
```
#9d174a rgb(157,23,74)
```
#b31a55
```
#b31a55 rgb(179,26,85)
```
#c91d60
```
#c91d60 rgb(201,29,96)
```
#df216a
```
#df216a rgb(223,33,106)
```
#e23779
```
#e23779 rgb(226,55,121)
```

Monochromatic Color

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

#b31a7b
```
#b31a7b rgb(179,26,123)
```
#b31a6f
```
#b31a6f rgb(179,26,111)
```
#b31a62
```
#b31a62 rgb(179,26,98)
```
#b31a55
```
#b31a55 rgb(179,26,85)
```
#b31a48
```
#b31a48 rgb(179,26,72)
```
#b31a3c
```
#b31a3c rgb(179,26,60)
```
#b31a2f
```
#b31a2f rgb(179,26,47)
```

Similar Colors

Text with hexadecimal color #b31a55

This text has a font color of #b31a55.

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

#b31a55 background color

This paragraph has a background color of #b31a55.

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

#b31a55 border color

This element has a border color of #b31a55.

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

CSS codes

.text {color:#b31a55;}

.background {background-color:#b31a55;}

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

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

#080104
```
#080104 rgb(8,1,4)
```
#19040c
```
#19040c rgb(25,4,12)
```
#2a0614
```
#2a0614 rgb(42,6,20)
```
#3b091c
```
#3b091c rgb(59,9,28)
```
#4c0b24
```
#4c0b24 rgb(76,11,36)
```
#5d0e2c
```
#5d0e2c rgb(93,14,44)
```
#6e1034
```
#6e1034 rgb(110,16,52)
```
#80133d
```
#80133d rgb(128,19,61)
```
#911545
```
#911545 rgb(145,21,69)
```
#a2184d
```
#a2184d rgb(162,24,77)
```
#b31a55
```
#b31a55 rgb(179,26,85)
```
#c41c5d
```
#c41c5d rgb(196,28,93)
```
#d51f65
```
#d51f65 rgb(213,31,101)
```

Shade Color Variation

#e0286f
```
#e0286f rgb(224,40,111)
```
#e2397a
```
#e2397a rgb(226,57,122)
```
#e54a86
```
#e54a86 rgb(229,74,134)
```
#e75b91
```
#e75b91 rgb(231,91,145)
```
#ea6d9d
```
#ea6d9d rgb(234,109,157)
```
#ec7ea8
```
#ec7ea8 rgb(236,126,168)
```
#ef8fb4
```
#ef8fb4 rgb(239,143,180)
```
#f1a0bf
```
#f1a0bf rgb(241,160,191)
```
#f4b1cb
```
#f4b1cb rgb(244,177,203)
```
#f6c2d6
```
#f6c2d6 rgb(246,194,214)
```
#f9d3e2
```
#f9d3e2 rgb(249,211,226)
```
#fbe4ed
```
#fbe4ed rgb(251,228,237)
```
#fef6f9
```
#fef6f9 rgb(254,246,249)
```

Tint Color Variation

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

#6c6165
```
#6c6165 rgb(108,97,101)
```
#745963
```
#745963 rgb(116,89,99)
```
#7c5162
```
#7c5162 rgb(124,81,98)
```
#844960
```
#844960 rgb(132,73,96)
```
#8c415e
```
#8c415e rgb(140,65,94)
```
#933a5c
```
#933a5c rgb(147,58,92)
```
#9b325a
```
#9b325a rgb(155,50,90)
```
#a32a59
```
#a32a59 rgb(163,42,89)
```
#ab2257
```
#ab2257 rgb(171,34,87)
```
#b31a55
```
#b31a55 rgb(179,26,85)
```
#bb1253
```
#bb1253 rgb(187,18,83)
```
#c30a51
```
#c30a51 rgb(195,10,81)
```
#cb0250
```
#cb0250 rgb(203,2,80)
```

Tone Color Variation

Below, you can see how #b31a55 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
#62444f Atypical Achromatopsia 0.001% of the population

Dichromacy

#606479 Protanopia 1% of men
#756153 Deuteranopia 1% of men
#b43234 Tritanopia 0.001% of the population

Trichromacy

#7e496c Protanomaly 1% of men, 0.01% of women
#8b4754 Deuteranomaly 6% of men, 0.4% of women
#b42940 Tritanomaly 0.01% of the population

#b31a55 hex color

#b31a55 Color Information

#b31a55 Color Conversion

Color Schemes with #b31a55

Alternatives to #b31a55

#b31a55 Preview

Shades and Tints of #b31a55

Tones of #b31a55

Color Blindness Simulator