#ba1683 hex color

In a RGB color space, hex #ba1683 is composed of 72.9% red, 8.6% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.2% magenta, 29.6% yellow and 27.1% black. It has a hue angle of 320.1 degrees, a saturation of 78.8% and a lightness of 40.8%. #ba1683 color hex could be obtained by blending #ff2cff with #750007. Closest websafe color is: #cc0099.

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

● #ba1683 color description : Strong pink.

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

Hex triplet	ba1683	`#ba1683`
RGB Decimal	186, 22, 131	`rgb(186,22,131)`
RGB Percent	72.9, 8.6, 51.4	`rgb(72.9%,8.6%,51.4%)`
CMYK	0, 88, 30, 27
HSL	320.1°, 78.8, 40.8	`hsl(320.1,78.8%,40.8%)`
HSV (or HSB)	320.1°, 88.2, 72.9
Web Safe	cc0099	`#cc0099`

CIE-LAB	42.237, 67.764, -18.037
XYZ	24.634, 12.654, 22.617
xyY	0.411, 0.211, 12.654
CIE-LCH	42.237, 70.124, 345.095
CIE-LUV	42.237, 83.027, -35.639
Hunter-Lab	35.572, 61.358, -12.795
Binary	10111010, 00010110, 10000011

#ba1683
```
#ba1683 rgb(186,22,131)
```
#16ba4d
```
#16ba4d rgb(22,186,77)
```

Complementary Color

#9f16ba
```
#9f16ba rgb(159,22,186)
```
#ba1683
```
#ba1683 rgb(186,22,131)
```
#ba1631
```
#ba1631 rgb(186,22,49)
```

Analogous Color

#16ba9f
```
#16ba9f rgb(22,186,159)
```
#ba1683
```
#ba1683 rgb(186,22,131)
```
#31ba16
```
#31ba16 rgb(49,186,22)
```

Split Complementary Color

#1683ba
```
#1683ba rgb(22,131,186)
```
#ba1683
```
#ba1683 rgb(186,22,131)
```
#83ba16
```
#83ba16 rgb(131,186,22)
```

Triadic Color

#4d16ba
```
#4d16ba rgb(77,22,186)
```
#ba1683
```
#ba1683 rgb(186,22,131)
```
#83ba16
```
#83ba16 rgb(131,186,22)
```
#16ba4d
```
#16ba4d rgb(22,186,77)
```

Tetradic Color

#760e53
```
#760e53 rgb(118,14,83)
```
#8c1163
```
#8c1163 rgb(140,17,99)
```
#a31373
```
#a31373 rgb(163,19,115)
```
#ba1683
```
#ba1683 rgb(186,22,131)
```
#d11993
```
#d11993 rgb(209,25,147)
```
#e41fa2
```
#e41fa2 rgb(228,31,162)
```
#e735ac
```
#e735ac rgb(231,53,172)
```

Monochromatic Color

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

#ba16ac
```
#ba16ac rgb(186,22,172)
```
#ba169e
```
#ba169e rgb(186,22,158)
```
#ba1691
```
#ba1691 rgb(186,22,145)
```
#ba1683
```
#ba1683 rgb(186,22,131)
```
#ba1675
```
#ba1675 rgb(186,22,117)
```
#ba1668
```
#ba1668 rgb(186,22,104)
```
#ba165a
```
#ba165a rgb(186,22,90)
```

Similar Colors

Text with hexadecimal color #ba1683

This text has a font color of #ba1683.

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

#ba1683 background color

This paragraph has a background color of #ba1683.

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

#ba1683 border color

This element has a border color of #ba1683.

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

CSS codes

.text {color:#ba1683;}

.background {background-color:#ba1683;}

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

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, #0b0107 is the darkest color, while #fef8fc is the lightest one.

#0b0107
```
#0b0107 rgb(11,1,7)
```
#1c0314
```
#1c0314 rgb(28,3,20)
```
#2e0520
```
#2e0520 rgb(46,5,32)
```
#3f072d
```
#3f072d rgb(63,7,45)
```
#510a39
```
#510a39 rgb(81,10,57)
```
#620c45
```
#620c45 rgb(98,12,69)
```
#740e52
```
#740e52 rgb(116,14,82)
```
#85105e
```
#85105e rgb(133,16,94)
```
#97126a
```
#97126a rgb(151,18,106)
```
#a81477
```
#a81477 rgb(168,20,119)
```
#ba1683
```
#ba1683 rgb(186,22,131)
```
#cc188f
```
#cc188f rgb(204,24,143)
```
#dd1a9c
```
#dd1a9c rgb(221,26,156)
```

Shade Color Variation

#e526a5
```
#e526a5 rgb(229,38,165)
```
#e737ac
```
#e737ac rgb(231,55,172)
```
#e949b4
```
#e949b4 rgb(233,73,180)
```
#ec5abb
```
#ec5abb rgb(236,90,187)
```
#ee6cc2
```
#ee6cc2 rgb(238,108,194)
```
#f07dc9
```
#f07dc9 rgb(240,125,201)
```
#f28fd1
```
#f28fd1 rgb(242,143,209)
```
#f4a0d8
```
#f4a0d8 rgb(244,160,216)
```
#f6b2df
```
#f6b2df rgb(246,178,223)
```
#f8c3e6
```
#f8c3e6 rgb(248,195,230)
```
#fad5ee
```
#fad5ee rgb(250,213,238)
```
#fce7f5
```
#fce7f5 rgb(252,231,245)
```
#fef8fc
```
#fef8fc rgb(254,248,252)
```

Tint Color Variation

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

#6a6669
```
#6a6669 rgb(106,102,105)
```
#725e6b
```
#725e6b rgb(114,94,107)
```
#7a566e
```
#7a566e rgb(122,86,110)
```
#824e71
```
#824e71 rgb(130,78,113)
```
#8a4673
```
#8a4673 rgb(138,70,115)
```
#923e76
```
#923e76 rgb(146,62,118)
```
#9a3678
```
#9a3678 rgb(154,54,120)
```
#a22e7b
```
#a22e7b rgb(162,46,123)
```
#aa267e
```
#aa267e rgb(170,38,126)
```
#b21e80
```
#b21e80 rgb(178,30,128)
```
#ba1683
```
#ba1683 rgb(186,22,131)
```
#c20e86
```
#c20e86 rgb(194,14,134)
```
#ca0688
```
#ca0688 rgb(202,6,136)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#68475d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4769b2 Protanopia 1% of men
#6d697c Deuteranopia 1% of men
#b84043 Tritanopia 0.001% of the population

Trichromacy

#714ba1 Protanomaly 1% of men, 0.01% of women
#894b7f Deuteranomaly 6% of men, 0.4% of women
#b8305a Tritanomaly 0.01% of the population

#ba1683 hex color

#ba1683 Color Information

#ba1683 Color Conversion

Color Schemes with #ba1683

Alternatives to #ba1683

#ba1683 Preview

Shades and Tints of #ba1683

Tones of #ba1683

Color Blindness Simulator