#ba1f4e hex color

In a RGB color space, hex #ba1f4e is composed of 72.9% red, 12.2% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.3% magenta, 58.1% yellow and 27.1% black. It has a hue angle of 341.8 degrees, a saturation of 71.4% and a lightness of 42.5%. #ba1f4e color hex could be obtained by blending #ff3e9c with #750000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 12
- B 31
RGB color chart
- C 0
- M 83
- Y 58
- K 27
CMYK color chart

● #ba1f4e color description : Strong pink.

The hexadecimal color #ba1f4e has RGB values of R:186, G:31, B:78 and CMYK values of C:0, M:0.83, Y:0.58, K:0.27. Its decimal value is 12197710.

Hex triplet	ba1f4e	`#ba1f4e`
RGB Decimal	186, 31, 78	`rgb(186,31,78)`
RGB Percent	72.9, 12.2, 30.6	`rgb(72.9%,12.2%,30.6%)`
CMYK	0, 83, 58, 27
HSL	341.8°, 71.4, 42.5	`hsl(341.8,71.4%,42.5%)`
HSV (or HSB)	341.8°, 83.3, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	41.171, 61.105, 13.588
XYZ	22.116, 11.972, 8.354
xyY	0.521, 0.282, 11.972
CIE-LCH	41.171, 62.598, 12.537
CIE-LUV	41.171, 102.918, 3.657
Hunter-Lab	34.6, 53.543, 9.906
Binary	10111010, 00011111, 01001110

#ba1f4e
```
#ba1f4e rgb(186,31,78)
```
#1fba8b
```
#1fba8b rgb(31,186,139)
```

Complementary Color

#ba1f9c
```
#ba1f9c rgb(186,31,156)
```
#ba1f4e
```
#ba1f4e rgb(186,31,78)
```
#ba3e1f
```
#ba3e1f rgb(186,62,31)
```

Analogous Color

#1f9cba
```
#1f9cba rgb(31,156,186)
```
#ba1f4e
```
#ba1f4e rgb(186,31,78)
```
#1fba3e
```
#1fba3e rgb(31,186,62)
```

Split Complementary Color

#1f4eba
```
#1f4eba rgb(31,78,186)
```
#ba1f4e
```
#ba1f4e rgb(186,31,78)
```
#4eba1f
```
#4eba1f rgb(78,186,31)
```

Triadic Color

#8b1fba
```
#8b1fba rgb(139,31,186)
```
#ba1f4e
```
#ba1f4e rgb(186,31,78)
```
#4eba1f
```
#4eba1f rgb(78,186,31)
```
#1fba8b
```
#1fba8b rgb(31,186,139)
```

Tetradic Color

#781433
```
#781433 rgb(120,20,51)
```
#8e183c
```
#8e183c rgb(142,24,60)
```
#a41b45
```
#a41b45 rgb(164,27,69)
```
#ba1f4e
```
#ba1f4e rgb(186,31,78)
```
#d02357
```
#d02357 rgb(208,35,87)
```
#dc3064
```
#dc3064 rgb(220,48,100)
```
#e04574
```
#e04574 rgb(224,69,116)
```

Monochromatic Color

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

#ba1f75
```
#ba1f75 rgb(186,31,117)
```
#ba1f68
```
#ba1f68 rgb(186,31,104)
```
#ba1f5b
```
#ba1f5b rgb(186,31,91)
```
#ba1f4e
```
#ba1f4e rgb(186,31,78)
```
#ba1f41
```
#ba1f41 rgb(186,31,65)
```
#ba1f34
```
#ba1f34 rgb(186,31,52)
```
#ba1f27
```
#ba1f27 rgb(186,31,39)
```

Similar Colors

Text with hexadecimal color #ba1f4e

This text has a font color of #ba1f4e.

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

#ba1f4e background color

This paragraph has a background color of #ba1f4e.

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

#ba1f4e border color

This element has a border color of #ba1f4e.

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

CSS codes

.text {color:#ba1f4e;}

.background {background-color:#ba1f4e;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120307
```
#120307 rgb(18,3,7)
```
#23060f
```
#23060f rgb(35,6,15)
```
#330916
```
#330916 rgb(51,9,22)
```
#440b1d
```
#440b1d rgb(68,11,29)
```
#550e24
```
#550e24 rgb(85,14,36)
```
#66112b
```
#66112b rgb(102,17,43)
```
#771432
```
#771432 rgb(119,20,50)
```
#881739
```
#881739 rgb(136,23,57)
```
#981940
```
#981940 rgb(152,25,64)
```
#a91c47
```
#a91c47 rgb(169,28,71)
```
#ba1f4e
```
#ba1f4e rgb(186,31,78)
```
#cb2255
```
#cb2255 rgb(203,34,85)
```

Shade Color Variation

#db255c
```
#db255c rgb(219,37,92)
```
#de3669
```
#de3669 rgb(222,54,105)
```
#e04776
```
#e04776 rgb(224,71,118)
```
#e35882
```
#e35882 rgb(227,88,130)
```
#e6698f
```
#e6698f rgb(230,105,143)
```
#e97a9b
```
#e97a9b rgb(233,122,155)
```
#ec8aa8
```
#ec8aa8 rgb(236,138,168)
```
#ee9bb4
```
#ee9bb4 rgb(238,155,180)
```
#f1acc1
```
#f1acc1 rgb(241,172,193)
```
#f4bdce
```
#f4bdce rgb(244,189,206)
```
#f7ceda
```
#f7ceda rgb(247,206,218)
```
#fadee7
```
#fadee7 rgb(250,222,231)
```
#fceff3
```
#fceff3 rgb(252,239,243)
```

Tint Color Variation

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

#6f6a6c
```
#6f6a6c rgb(111,106,108)
```
#776268
```
#776268 rgb(119,98,104)
```
#805965
```
#805965 rgb(128,89,101)
```
#885162
```
#885162 rgb(136,81,98)
```
#90495e
```
#90495e rgb(144,73,94)
```
#99405b
```
#99405b rgb(153,64,91)
```
#a13858
```
#a13858 rgb(161,56,88)
```
#a93055
```
#a93055 rgb(169,48,85)
```
#b22751
```
#b22751 rgb(178,39,81)
```
#ba1f4e
```
#ba1f4e rgb(186,31,78)
```
#c2174b
```
#c2174b rgb(194,23,75)
```
#cb0e47
```
#cb0e47 rgb(203,14,71)
```
#d30644
```
#d30644 rgb(211,6,68)
```

Tone Color Variation

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

Dichromacy

#686870 Protanopia 1% of men
#7c654d Deuteranopia 1% of men
#bc3335 Tritanopia 0.001% of the population

Trichromacy

#864d64 Protanomaly 1% of men, 0.01% of women
#924b4d Deuteranomaly 6% of men, 0.4% of women
#bb2c3e Tritanomaly 0.01% of the population

#ba1f4e hex color

#ba1f4e Color Information

#ba1f4e Color Conversion

Color Schemes with #ba1f4e

Alternatives to #ba1f4e

#ba1f4e Preview

Shades and Tints of #ba1f4e

Tones of #ba1f4e

Color Blindness Simulator