#ba425f hex color

In a RGB color space, hex #ba425f is composed of 72.9% red, 25.9% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.5% magenta, 48.9% yellow and 27.1% black. It has a hue angle of 345.5 degrees, a saturation of 47.6% and a lightness of 49.4%. #ba425f color hex could be obtained by blending #ff84be with #750000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 26
- B 37
RGB color chart
- C 0
- M 65
- Y 49
- K 27
CMYK color chart

● #ba425f color description : Moderate red.

The hexadecimal color #ba425f has RGB values of R:186, G:66, B:95 and CMYK values of C:0, M:0.65, Y:0.49, K:0.27. Its decimal value is 12206687.

Hex triplet	ba425f	`#ba425f`
RGB Decimal	186, 66, 95	`rgb(186,66,95)`
RGB Percent	72.9, 25.9, 37.3	`rgb(72.9%,25.9%,37.3%)`
CMYK	0, 65, 49, 27
HSL	345.5°, 47.6, 49.4	`hsl(345.5,47.6%,49.4%)`
HSV (or HSB)	345.5°, 64.5, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.858, 50.555, 9.514
XYZ	24.264, 15.164, 12.475
xyY	0.467, 0.292, 15.164
CIE-LCH	45.858, 51.442, 10.658
CIE-LUV	45.858, 82.162, 2.179
Hunter-Lab	38.941, 43.076, 8.265
Binary	10111010, 01000010, 01011111

#ba425f
```
#ba425f rgb(186,66,95)
```
#42ba9d
```
#42ba9d rgb(66,186,157)
```

Complementary Color

#ba429b
```
#ba429b rgb(186,66,155)
```
#ba425f
```
#ba425f rgb(186,66,95)
```
#ba6142
```
#ba6142 rgb(186,97,66)
```

Analogous Color

#429bba
```
#429bba rgb(66,155,186)
```
#ba425f
```
#ba425f rgb(186,66,95)
```
#42ba61
```
#42ba61 rgb(66,186,97)
```

Split Complementary Color

#425fba
```
#425fba rgb(66,95,186)
```
#ba425f
```
#ba425f rgb(186,66,95)
```
#5fba42
```
#5fba42 rgb(95,186,66)
```

Triadic Color

#9d42ba
```
#9d42ba rgb(157,66,186)
```
#ba425f
```
#ba425f rgb(186,66,95)
```
#5fba42
```
#5fba42 rgb(95,186,66)
```
#42ba9d
```
#42ba9d rgb(66,186,157)
```

Tetradic Color

#822e42
```
#822e42 rgb(130,46,66)
```
#94354c
```
#94354c rgb(148,53,76)
```
#a73b55
```
#a73b55 rgb(167,59,85)
```
#ba425f
```
#ba425f rgb(186,66,95)
```
#c2536e
```
#c2536e rgb(194,83,110)
```
#c9667e
```
#c9667e rgb(201,102,126)
```
#cf798e
```
#cf798e rgb(207,121,142)
```

Monochromatic Color

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

#ba427d
```
#ba427d rgb(186,66,125)
```
#ba4273
```
#ba4273 rgb(186,66,115)
```
#ba4269
```
#ba4269 rgb(186,66,105)
```
#ba425f
```
#ba425f rgb(186,66,95)
```
#ba4255
```
#ba4255 rgb(186,66,85)
```
#ba424b
```
#ba424b rgb(186,66,75)
```
#ba4342
```
#ba4342 rgb(186,67,66)
```

Similar Colors

Text with hexadecimal color #ba425f

This text has a font color of #ba425f.

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

#ba425f background color

This paragraph has a background color of #ba425f.

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

#ba425f border color

This element has a border color of #ba425f.

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

CSS codes

.text {color:#ba425f;}

.background {background-color:#ba425f;}

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

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

#0c0406
```
#0c0406 rgb(12,4,6)
```
#1b090e
```
#1b090e rgb(27,9,14)
```
#290f15
```
#290f15 rgb(41,15,21)
```
#38141c
```
#38141c rgb(56,20,28)
```
#461924
```
#461924 rgb(70,25,36)
```
#551e2b
```
#551e2b rgb(85,30,43)
```
#632333
```
#632333 rgb(99,35,51)
```
#72283a
```
#72283a rgb(114,40,58)
```
#802d41
```
#802d41 rgb(128,45,65)
```
#8f3349
```
#8f3349 rgb(143,51,73)
```
#9d3850
```
#9d3850 rgb(157,56,80)
```
#ac3d58
```
#ac3d58 rgb(172,61,88)
```
#ba425f
```
#ba425f rgb(186,66,95)
```

Shade Color Variation

#c14f6a
```
#c14f6a rgb(193,79,106)
```
#c65e77
```
#c65e77 rgb(198,94,119)
```
#cb6c83
```
#cb6c83 rgb(203,108,131)
```
#d07a8f
```
#d07a8f rgb(208,122,143)
```
#d5899b
```
#d5899b rgb(213,137,155)
```
#da97a8
```
#da97a8 rgb(218,151,168)
```
#dfa6b4
```
#dfa6b4 rgb(223,166,180)
```
#e5b4c0
```
#e5b4c0 rgb(229,180,192)
```
#eac3cc
```
#eac3cc rgb(234,195,204)
```
#efd1d8
```
#efd1d8 rgb(239,209,216)
```
#f4e0e5
```
#f4e0e5 rgb(244,224,229)
```
#f9eef1
```
#f9eef1 rgb(249,238,241)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#807c7d
```
#807c7d rgb(128,124,125)
```
#8a7278
```
#8a7278 rgb(138,114,120)
```
#936973
```
#936973 rgb(147,105,115)
```
#9d5f6e
```
#9d5f6e rgb(157,95,110)
```
#a75569
```
#a75569 rgb(167,85,105)
```
#b04c64
```
#b04c64 rgb(176,76,100)
```
#ba425f
```
#ba425f rgb(186,66,95)
```
#c4385a
```
#c4385a rgb(196,56,90)
```
#cd2f55
```
#cd2f55 rgb(205,47,85)
```
#d72550
```
#d72550 rgb(215,37,80)
```
#e11b4b
```
#e11b4b rgb(225,27,75)
```
#ea1246
```
#ea1246 rgb(234,18,70)
```
#f40841
```
#f40841 rgb(244,8,65)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#796167 Atypical Achromatopsia 0.001% of the population

Dichromacy

#74737a Protanopia 1% of men
#866f5f Deuteranopia 1% of men
#bc4f54 Tritanopia 0.001% of the population

Trichromacy

#8d6170 Protanomaly 1% of men, 0.01% of women
#995f5f Deuteranomaly 6% of men, 0.4% of women
#bb4a58 Tritanomaly 0.01% of the population

#ba425f hex color

#ba425f Color Information

#ba425f Color Conversion

Color Schemes with #ba425f

Alternatives to #ba425f

#ba425f Preview

Shades and Tints of #ba425f

Tones of #ba425f

Color Blindness Simulator