#ba305a hex color

In a RGB color space, hex #ba305a is composed of 72.9% red, 18.8% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.2% magenta, 51.6% yellow and 27.1% black. It has a hue angle of 341.7 degrees, a saturation of 59% and a lightness of 45.9%. #ba305a color hex could be obtained by blending #ff60b4 with #750000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 19
- B 35
RGB color chart
- C 0
- M 74
- Y 52
- K 27
CMYK color chart

● #ba305a color description : Moderate pink.

The hexadecimal color #ba305a has RGB values of R:186, G:48, B:90 and CMYK values of C:0, M:0.74, Y:0.52, K:0.27. Its decimal value is 12202074.

Hex triplet	ba305a	`#ba305a`
RGB Decimal	186, 48, 90	`rgb(186,48,90)`
RGB Percent	72.9, 18.8, 35.3	`rgb(72.9%,18.8%,35.3%)`
CMYK	0, 74, 52, 27
HSL	341.7°, 59, 45.9	`hsl(341.7,59%,45.9%)`
HSV (or HSB)	341.7°, 74.2, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.202, 57.084, 8.871
XYZ	23.153, 13.294, 11.019
xyY	0.488, 0.28, 13.294
CIE-LCH	43.202, 57.769, 8.834
CIE-LUV	43.202, 92.371, -0.156
Hunter-Lab	36.46, 49.544, 7.604
Binary	10111010, 00110000, 01011010

#ba305a
```
#ba305a rgb(186,48,90)
```
#30ba90
```
#30ba90 rgb(48,186,144)
```

Complementary Color

#ba309f
```
#ba309f rgb(186,48,159)
```
#ba305a
```
#ba305a rgb(186,48,90)
```
#ba4b30
```
#ba4b30 rgb(186,75,48)
```

Analogous Color

#309fba
```
#309fba rgb(48,159,186)
```
#ba305a
```
#ba305a rgb(186,48,90)
```
#30ba4b
```
#30ba4b rgb(48,186,75)
```

Split Complementary Color

#305aba
```
#305aba rgb(48,90,186)
```
#ba305a
```
#ba305a rgb(186,48,90)
```
#5aba30
```
#5aba30 rgb(90,186,48)
```

Triadic Color

#9030ba
```
#9030ba rgb(144,48,186)
```
#ba305a
```
#ba305a rgb(186,48,90)
```
#5aba30
```
#5aba30 rgb(90,186,48)
```
#30ba90
```
#30ba90 rgb(48,186,144)
```

Tetradic Color

#7d203d
```
#7d203d rgb(125,32,61)
```
#912646
```
#912646 rgb(145,38,70)
```
#a62b50
```
#a62b50 rgb(166,43,80)
```
#ba305a
```
#ba305a rgb(186,48,90)
```
#cc3865
```
#cc3865 rgb(204,56,101)
```
#d14c75
```
#d14c75 rgb(209,76,117)
```
#d66084
```
#d66084 rgb(214,96,132)
```

Monochromatic Color

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

#ba307d
```
#ba307d rgb(186,48,125)
```
#ba3071
```
#ba3071 rgb(186,48,113)
```
#ba3066
```
#ba3066 rgb(186,48,102)
```
#ba305a
```
#ba305a rgb(186,48,90)
```
#ba304f
```
#ba304f rgb(186,48,79)
```
#ba3043
```
#ba3043 rgb(186,48,67)
```
#ba3038
```
#ba3038 rgb(186,48,56)
```

Similar Colors

Text with hexadecimal color #ba305a

This text has a font color of #ba305a.

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

#ba305a background color

This paragraph has a background color of #ba305a.

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

#ba305a border color

This element has a border color of #ba305a.

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

CSS codes

.text {color:#ba305a;}

.background {background-color:#ba305a;}

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

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

#0e0407
```
#0e0407 rgb(14,4,7)
```
#1e080f
```
#1e080f rgb(30,8,15)
```
#2e0c16
```
#2e0c16 rgb(46,12,22)
```
#3d101e
```
#3d101e rgb(61,16,30)
```
#4d1425
```
#4d1425 rgb(77,20,37)
```
#5c182d
```
#5c182d rgb(92,24,45)
```
#6c1c34
```
#6c1c34 rgb(108,28,52)
```
#7c203c
```
#7c203c rgb(124,32,60)
```
#8b2443
```
#8b2443 rgb(139,36,67)
```
#9b284b
```
#9b284b rgb(155,40,75)
```
#aa2c52
```
#aa2c52 rgb(170,44,82)
```
#ba305a
```
#ba305a rgb(186,48,90)
```
#ca3462
```
#ca3462 rgb(202,52,98)
```

Shade Color Variation

#ce436d
```
#ce436d rgb(206,67,109)
```
#d25279
```
#d25279 rgb(210,82,121)
```
#d66285
```
#d66285 rgb(214,98,133)
```
#db7292
```
#db7292 rgb(219,114,146)
```
#df819e
```
#df819e rgb(223,129,158)
```
#e391aa
```
#e391aa rgb(227,145,170)
```
#e7a0b6
```
#e7a0b6 rgb(231,160,182)
```
#ebb0c2
```
#ebb0c2 rgb(235,176,194)
```
#efc0ce
```
#efc0ce rgb(239,192,206)
```
#f3cfda
```
#f3cfda rgb(243,207,218)
```
#f7dfe6
```
#f7dfe6 rgb(247,223,230)
```
#fbeef2
```
#fbeef2 rgb(251,238,242)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#7b6f73
```
#7b6f73 rgb(123,111,115)
```
#84666f
```
#84666f rgb(132,102,111)
```
#8d5d6c
```
#8d5d6c rgb(141,93,108)
```
#965468
```
#965468 rgb(150,84,104)
```
#9f4b65
```
#9f4b65 rgb(159,75,101)
```
#a84261
```
#a84261 rgb(168,66,97)
```
#b1395e
```
#b1395e rgb(177,57,94)
```
#ba305a
```
#ba305a rgb(186,48,90)
```
#c32756
```
#c32756 rgb(195,39,86)
```
#cc1e53
```
#cc1e53 rgb(204,30,83)
```
#d5154f
```
#d5154f rgb(213,21,79)
```
#de0c4c
```
#de0c4c rgb(222,12,76)
```
#e70348
```
#e70348 rgb(231,3,72)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#70555d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6d7a Protanopia 1% of men
#7f6959 Deuteranopia 1% of men
#bb4144 Tritanopia 0.001% of the population

Trichromacy

#88566e Protanomaly 1% of men, 0.01% of women
#945459 Deuteranomaly 6% of men, 0.4% of women
#bb3b4c Tritanomaly 0.01% of the population

#ba305a hex color

#ba305a Color Information

#ba305a Color Conversion

Color Schemes with #ba305a

Alternatives to #ba305a

#ba305a Preview

Shades and Tints of #ba305a

Tones of #ba305a

Color Blindness Simulator