#b31a54 hex color

In a RGB color space, hex #b31a54 is composed of 70.2% red, 10.2% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.5% magenta, 53.1% yellow and 29.8% black. It has a hue angle of 337.3 degrees, a saturation of 74.6% and a lightness of 40.2%. #b31a54 color hex could be obtained by blending #ff34a8 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

● #b31a54 color description : Strong pink.

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

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

CIE-LAB	39.521, 60.833, 7.268
XYZ	20.561, 10.965, 9.421
xyY	0.502, 0.268, 10.965
CIE-LCH	39.521, 61.266, 6.813
CIE-LUV	39.521, 96.456, -2.916
Hunter-Lab	33.113, 52.886, 6.311
Binary	10110011, 00011010, 01010100

#b31a54
```
#b31a54 rgb(179,26,84)
```
#1ab379
```
#1ab379 rgb(26,179,121)
```

Complementary Color

#b31aa1
```
#b31aa1 rgb(179,26,161)
```
#b31a54
```
#b31a54 rgb(179,26,84)
```
#b32d1a
```
#b32d1a rgb(179,45,26)
```

Analogous Color

#1aa1b3
```
#1aa1b3 rgb(26,161,179)
```
#b31a54
```
#b31a54 rgb(179,26,84)
```
#1ab32d
```
#1ab32d rgb(26,179,45)
```

Split Complementary Color

#1a54b3
```
#1a54b3 rgb(26,84,179)
```
#b31a54
```
#b31a54 rgb(179,26,84)
```
#54b31a
```
#54b31a rgb(84,179,26)
```

Triadic Color

#791ab3
```
#791ab3 rgb(121,26,179)
```
#b31a54
```
#b31a54 rgb(179,26,84)
```
#54b31a
```
#54b31a rgb(84,179,26)
```
#1ab379
```
#1ab379 rgb(26,179,121)
```

Tetradic Color

#701035
```
#701035 rgb(112,16,53)
```
#86143f
```
#86143f rgb(134,20,63)
```
#9d174a
```
#9d174a rgb(157,23,74)
```
#b31a54
```
#b31a54 rgb(179,26,84)
```
#c91d5e
```
#c91d5e rgb(201,29,94)
```
#df2169
```
#df2169 rgb(223,33,105)
```
#e23778
```
#e23778 rgb(226,55,120)
```

Monochromatic Color

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

#b31a7a
```
#b31a7a rgb(179,26,122)
```
#b31a6e
```
#b31a6e rgb(179,26,110)
```
#b31a61
```
#b31a61 rgb(179,26,97)
```
#b31a54
```
#b31a54 rgb(179,26,84)
```
#b31a47
```
#b31a47 rgb(179,26,71)
```
#b31a3b
```
#b31a3b rgb(179,26,59)
```
#b31a2e
```
#b31a2e rgb(179,26,46)
```

Similar Colors

Text with hexadecimal color #b31a54

This text has a font color of #b31a54.

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

#b31a54 background color

This paragraph has a background color of #b31a54.

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

#b31a54 border color

This element has a border color of #b31a54.

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

CSS codes

.text {color:#b31a54;}

.background {background-color:#b31a54;}

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

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)
```
#80133c
```
#80133c rgb(128,19,60)
```
#911544
```
#911544 rgb(145,21,68)
```
#a2184c
```
#a2184c rgb(162,24,76)
```
#b31a54
```
#b31a54 rgb(179,26,84)
```
#c41c5c
```
#c41c5c rgb(196,28,92)
```
#d51f64
```
#d51f64 rgb(213,31,100)
```

Shade Color Variation

#e0286e
```
#e0286e rgb(224,40,110)
```
#e23979
```
#e23979 rgb(226,57,121)
```
#e54a85
```
#e54a85 rgb(229,74,133)
```
#e75b90
```
#e75b90 rgb(231,91,144)
```
#ea6d9c
```
#ea6d9c rgb(234,109,156)
```
#ec7ea8
```
#ec7ea8 rgb(236,126,168)
```
#ef8fb3
```
#ef8fb3 rgb(239,143,179)
```
#f1a0bf
```
#f1a0bf rgb(241,160,191)
```
#f4b1ca
```
#f4b1ca rgb(244,177,202)
```
#f6c2d6
```
#f6c2d6 rgb(246,194,214)
```
#f9d3e1
```
#f9d3e1 rgb(249,211,225)
```
#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 #cb024e is the most saturated one.

#6c6165
```
#6c6165 rgb(108,97,101)
```
#745963
```
#745963 rgb(116,89,99)
```
#7c5161
```
#7c5161 rgb(124,81,97)
```
#84495f
```
#84495f rgb(132,73,95)
```
#8c415e
```
#8c415e rgb(140,65,94)
```
#933a5c
```
#933a5c rgb(147,58,92)
```
#9b325a
```
#9b325a rgb(155,50,90)
```
#a32a58
```
#a32a58 rgb(163,42,88)
```
#ab2256
```
#ab2256 rgb(171,34,86)
```
#b31a54
```
#b31a54 rgb(179,26,84)
```
#bb1252
```
#bb1252 rgb(187,18,82)
```
#c30a50
```
#c30a50 rgb(195,10,80)
```
#cb024e
```
#cb024e rgb(203,2,78)
```

Tone Color Variation

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

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

Trichromacy

#7e496b Protanomaly 1% of men, 0.01% of women
#8b4753 Deuteranomaly 6% of men, 0.4% of women
#b4293f Tritanomaly 0.01% of the population

#b31a54 hex color

#b31a54 Color Information

#b31a54 Color Conversion

Color Schemes with #b31a54

Alternatives to #b31a54

#b31a54 Preview

Shades and Tints of #b31a54

Tones of #b31a54

Color Blindness Simulator