colorhexa.com

#ab3342 hex color

In a RGB color space, hex #ab3342 is composed of 67.1% red, 20% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.2% magenta, 61.4% yellow and 32.9% black. It has a hue angle of 352.5 degrees, a saturation of 54.1% and a lightness of 43.5%. #ab3342 color hex could be obtained by blending #ff6684 with #570000. Closest websafe color is: #993333.

- R 67
- G 20
- B 26
RGB color chart
- C 0
- M 70
- Y 61
- K 33
CMYK color chart

● #ab3342 color description : Dark red.

The hexadecimal color #ab3342 has RGB values of R:171, G:51, B:66 and CMYK values of C:0, M:0.7, Y:0.61, K:0.33. Its decimal value is 11219778.

Hex triplet	ab3342	`#ab3342`
RGB Decimal	171, 51, 66	`rgb(171,51,66)`
RGB Percent	67.1, 20, 25.9	`rgb(67.1%,20%,25.9%)`
CMYK	0, 70, 61, 33
HSL	352.5°, 54.1, 43.5	`hsl(352.5,54.1%,43.5%)`
HSV (or HSB)	352.5°, 70.2, 67.1
Web Safe	993333	`#993333`

CIE-LAB	40.281, 49.572, 19.436
XYZ	18.962, 11.421, 6.36
xyY	0.516, 0.311, 11.421
CIE-LCH	40.281, 53.246, 21.409
CIE-LUV	40.281, 86.119, 11.854
Hunter-Lab	33.795, 41.016, 12.499
Binary	10101011, 00110011, 01000010

#ab3342
```
#ab3342 rgb(171,51,66)
```
#33ab9c
```
#33ab9c rgb(51,171,156)
```

Complementary Color

#ab337e
```
#ab337e rgb(171,51,126)
```
#ab3342
```
#ab3342 rgb(171,51,66)
```
#ab6033
```
#ab6033 rgb(171,96,51)
```

Analogous Color

#337eab
```
#337eab rgb(51,126,171)
```
#ab3342
```
#ab3342 rgb(171,51,66)
```
#33ab60
```
#33ab60 rgb(51,171,96)
```

Split Complementary Color

#3342ab
```
#3342ab rgb(51,66,171)
```
#ab3342
```
#ab3342 rgb(171,51,66)
```
#42ab33
```
#42ab33 rgb(66,171,51)
```

Triadic Color

#9c33ab
```
#9c33ab rgb(156,51,171)
```
#ab3342
```
#ab3342 rgb(171,51,66)
```
#42ab33
```
#42ab33 rgb(66,171,51)
```
#33ab9c
```
#33ab9c rgb(51,171,156)
```

Tetradic Color

#70212b
```
#70212b rgb(112,33,43)
```
#842733
```
#842733 rgb(132,39,51)
```
#972d3a
```
#972d3a rgb(151,45,58)
```
#ab3342
```
#ab3342 rgb(171,51,66)
```
#bf394a
```
#bf394a rgb(191,57,74)
```
#c94858
```
#c94858 rgb(201,72,88)
```
#ce5c6a
```
#ce5c6a rgb(206,92,106)
```

Monochromatic Color

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

#ab3360
```
#ab3360 rgb(171,51,96)
```
#ab3356
```
#ab3356 rgb(171,51,86)
```
#ab334c
```
#ab334c rgb(171,51,76)
```
#ab3342
```
#ab3342 rgb(171,51,66)
```
#ab3338
```
#ab3338 rgb(171,51,56)
```
#ab3833
```
#ab3833 rgb(171,56,51)
```
#ab4233
```
#ab4233 rgb(171,66,51)
```

Similar Colors

Text with hexadecimal color #ab3342

This text has a font color of #ab3342.

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

#ab3342 background color

This paragraph has a background color of #ab3342.

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

#ab3342 border color

This element has a border color of #ab3342.

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

CSS codes

.text {color:#ab3342;}

.background {background-color:#ab3342;}

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

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

#050102
```
#050102 rgb(5,1,2)
```
#140608
```
#140608 rgb(20,6,8)
```
#230a0e
```
#230a0e rgb(35,10,14)
```
#320f13
```
#320f13 rgb(50,15,19)
```
#411319
```
#411319 rgb(65,19,25)
```
#50181f
```
#50181f rgb(80,24,31)
```
#5f1c25
```
#5f1c25 rgb(95,28,37)
```
#6f212b
```
#6f212b rgb(111,33,43)
```
#7e2531
```
#7e2531 rgb(126,37,49)
```
#8d2a36
```
#8d2a36 rgb(141,42,54)
```
#9c2e3c
```
#9c2e3c rgb(156,46,60)
```
#ab3342
```
#ab3342 rgb(171,51,66)
```
#ba3848
```
#ba3848 rgb(186,56,72)
```

Shade Color Variation

#c63f50
```
#c63f50 rgb(198,63,80)
```
#ca4e5e
```
#ca4e5e rgb(202,78,94)
```
#cf5e6c
```
#cf5e6c rgb(207,94,108)
```
#d36d7a
```
#d36d7a rgb(211,109,122)
```
#d87c87
```
#d87c87 rgb(216,124,135)
```
#dc8b95
```
#dc8b95 rgb(220,139,149)
```
#e19aa3
```
#e19aa3 rgb(225,154,163)
```
#e5a9b1
```
#e5a9b1 rgb(229,169,177)
```
#eab8be
```
#eab8be rgb(234,184,190)
```
#eec7cc
```
#eec7cc rgb(238,199,204)
```
#f3d6da
```
#f3d6da rgb(243,214,218)
```
#f7e6e8
```
#f7e6e8 rgb(247,230,232)
```
#fcf5f6
```
#fcf5f6 rgb(252,245,246)
```

Tint Color Variation

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

#6f6f6f
```
#6f6f6f rgb(111,111,111)
```
#786668
```
#786668 rgb(120,102,104)
```
#805e62
```
#805e62 rgb(128,94,98)
```
#89555c
```
#89555c rgb(137,85,92)
```
#914d55
```
#914d55 rgb(145,77,85)
```
#9a444f
```
#9a444f rgb(154,68,79)
```
#a23c48
```
#a23c48 rgb(162,60,72)
```
#ab3342
```
#ab3342 rgb(171,51,66)
```
#b42a3c
```
#b42a3c rgb(180,42,60)
```
#bc2235
```
#bc2235 rgb(188,34,53)
```
#c5192f
```
#c5192f rgb(197,25,47)
```
#cd1128
```
#cd1128 rgb(205,17,40)
```
#d60822
```
#d60822 rgb(214,8,34)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#695154 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b665c Protanopia 1% of men
#7b6244 Deuteranopia 1% of men
#ae3f42 Tritanopia 0.001% of the population

Trichromacy

#825452 Protanomaly 1% of men, 0.01% of women
#8c5143 Deuteranomaly 6% of men, 0.4% of women
#ad3a42 Tritanomaly 0.01% of the population