#b31683 hex color

In a RGB color space, hex #b31683 is composed of 70.2% red, 8.6% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.7% magenta, 26.8% yellow and 29.8% black. It has a hue angle of 318.3 degrees, a saturation of 78.1% and a lightness of 39.4%. #b31683 color hex could be obtained by blending #ff2cff with #670007. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 70
- G 9
- B 51
RGB color chart
- C 0
- M 88
- Y 27
- K 30
CMYK color chart

● #b31683 color description : Strong pink.

The hexadecimal color #b31683 has RGB values of R:179, G:22, B:131 and CMYK values of C:0, M:0.88, Y:0.27, K:0.3. Its decimal value is 11736707.

Hex triplet	b31683	`#b31683`
RGB Decimal	179, 22, 131	`rgb(179,22,131)`
RGB Percent	70.2, 8.6, 51.4	`rgb(70.2%,8.6%,51.4%)`
CMYK	0, 88, 27, 30
HSL	318.3°, 78.1, 39.4	`hsl(318.3,78.1%,39.4%)`
HSV (or HSB)	318.3°, 87.7, 70.2
Web Safe	cc0099	`#cc0099`

CIE-LAB	40.894, 66.229, -20.217
XYZ	22.974, 11.798, 22.539
xyY	0.401, 0.206, 11.798
CIE-LCH	40.894, 69.246, 343.025
CIE-LUV	40.894, 77.412, -38.001
Hunter-Lab	34.349, 59.28, -14.861
Binary	10110011, 00010110, 10000011

#b31683
```
#b31683 rgb(179,22,131)
```
#16b346
```
#16b346 rgb(22,179,70)
```

Complementary Color

#9516b3
```
#9516b3 rgb(149,22,179)
```
#b31683
```
#b31683 rgb(179,22,131)
```
#b31635
```
#b31635 rgb(179,22,53)
```

Analogous Color

#16b395
```
#16b395 rgb(22,179,149)
```
#b31683
```
#b31683 rgb(179,22,131)
```
#34b316
```
#34b316 rgb(52,179,22)
```

Split Complementary Color

#1683b3
```
#1683b3 rgb(22,131,179)
```
#b31683
```
#b31683 rgb(179,22,131)
```
#83b316
```
#83b316 rgb(131,179,22)
```

Triadic Color

#4616b3
```
#4616b3 rgb(70,22,179)
```
#b31683
```
#b31683 rgb(179,22,131)
```
#83b316
```
#83b316 rgb(131,179,22)
```
#16b346
```
#16b346 rgb(22,179,70)
```

Tetradic Color

#6f0e51
```
#6f0e51 rgb(111,14,81)
```
#861062
```
#861062 rgb(134,16,98)
```
#9c1372
```
#9c1372 rgb(156,19,114)
```
#b31683
```
#b31683 rgb(179,22,131)
```
#ca1994
```
#ca1994 rgb(202,25,148)
```
#e01ca4
```
#e01ca4 rgb(224,28,164)
```
#e630ae
```
#e630ae rgb(230,48,174)
```

Monochromatic Color

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

#b316aa
```
#b316aa rgb(179,22,170)
```
#b3169d
```
#b3169d rgb(179,22,157)
```
#b31690
```
#b31690 rgb(179,22,144)
```
#b31683
```
#b31683 rgb(179,22,131)
```
#b31676
```
#b31676 rgb(179,22,118)
```
#b31669
```
#b31669 rgb(179,22,105)
```
#b3165c
```
#b3165c rgb(179,22,92)
```

Similar Colors

Text with hexadecimal color #b31683

This text has a font color of #b31683.

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

#b31683 background color

This paragraph has a background color of #b31683.

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

#b31683 border color

This element has a border color of #b31683.

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

CSS codes

.text {color:#b31683;}

.background {background-color:#b31683;}

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

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

#040103
```
#040103 rgb(4,1,3)
```
#160310
```
#160310 rgb(22,3,16)
```
#27051d
```
#27051d rgb(39,5,29)
```
#39072a
```
#39072a rgb(57,7,42)
```
#4a0936
```
#4a0936 rgb(74,9,54)
```
#5c0b43
```
#5c0b43 rgb(92,11,67)
```
#6d0d50
```
#6d0d50 rgb(109,13,80)
```
#7f105d
```
#7f105d rgb(127,16,93)
```
#901269
```
#901269 rgb(144,18,105)
```
#a21476
```
#a21476 rgb(162,20,118)
```
#b31683
```
#b31683 rgb(179,22,131)
```
#c41890
```
#c41890 rgb(196,24,144)
```
#d61a9d
```
#d61a9d rgb(214,26,157)
```

Shade Color Variation

#e420a8
```
#e420a8 rgb(228,32,168)
```
#e632af
```
#e632af rgb(230,50,175)
```
#e843b6
```
#e843b6 rgb(232,67,182)
```
#ea55bc
```
#ea55bc rgb(234,85,188)
```
#ec66c3
```
#ec66c3 rgb(236,102,195)
```
#ee78ca
```
#ee78ca rgb(238,120,202)
```
#f189d1
```
#f189d1 rgb(241,137,209)
```
#f39bd8
```
#f39bd8 rgb(243,155,216)
```
#f5acdf
```
#f5acdf rgb(245,172,223)
```
#f7bde5
```
#f7bde5 rgb(247,189,229)
```
#f9cfec
```
#f9cfec rgb(249,207,236)
```
#fbe0f3
```
#fbe0f3 rgb(251,224,243)
```
#fdf2fa
```
#fdf2fa rgb(253,242,250)
```

Tint Color Variation

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

#666365
```
#666365 rgb(102,99,101)
```
#6d5c68
```
#6d5c68 rgb(109,92,104)
```
#75546b
```
#75546b rgb(117,84,107)
```
#7d4c6e
```
#7d4c6e rgb(125,76,110)
```
#854471
```
#854471 rgb(133,68,113)
```
#8c3d74
```
#8c3d74 rgb(140,61,116)
```
#943577
```
#943577 rgb(148,53,119)
```
#9c2d7a
```
#9c2d7a rgb(156,45,122)
```
#a4257d
```
#a4257d rgb(164,37,125)
```
#ab1e80
```
#ab1e80 rgb(171,30,128)
```
#b31683
```
#b31683 rgb(179,22,131)
```
#bb0e86
```
#bb0e86 rgb(187,14,134)
```
#c20789
```
#c20789 rgb(194,7,137)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#65455b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4066b1 Protanopia 1% of men
#67667c Deuteranopia 1% of men
#b14043 Tritanopia 0.001% of the population

Trichromacy

#6a49a0 Protanomaly 1% of men, 0.01% of women
#83497f Deuteranomaly 6% of men, 0.4% of women
#b1305a Tritanomaly 0.01% of the population

#b31683 hex color

#b31683 Color Information

#b31683 Color Conversion

Color Schemes with #b31683

Alternatives to #b31683

#b31683 Preview

Shades and Tints of #b31683

Tones of #b31683

Color Blindness Simulator