#ab3312 hex color

In a RGB color space, hex #ab3312 is composed of 67.1% red, 20% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.2% magenta, 89.5% yellow and 32.9% black. It has a hue angle of 12.9 degrees, a saturation of 81% and a lightness of 37.1%. #ab3312 color hex could be obtained by blending #ff6624 with #570000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 67
- G 20
- B 7
RGB color chart
- C 0
- M 70
- Y 89
- K 33
CMYK color chart

● #ab3312 color description : Dark red.

The hexadecimal color #ab3312 has RGB values of R:171, G:51, B:18 and CMYK values of C:0, M:0.7, Y:0.89, K:0.33. Its decimal value is 11219730.

Hex triplet	ab3312	`#ab3312`
RGB Decimal	171, 51, 18	`rgb(171,51,18)`
RGB Percent	67.1, 20, 7.1	`rgb(67.1%,20%,7.1%)`
CMYK	0, 70, 89, 33
HSL	12.9°, 81, 37.1	`hsl(12.9,81%,37.1%)`
HSV (or HSB)	12.9°, 89.5, 67.1
Web Safe	993300	`#993300`

CIE-LAB	39.7, 47.513, 45.497
XYZ	18.088, 11.071, 1.757
xyY	0.585, 0.358, 11.071
CIE-LCH	39.7, 65.784, 43.758
CIE-LUV	39.7, 95.024, 29.767
Hunter-Lab	33.274, 38.808, 20.161
Binary	10101011, 00110011, 00010010

#ab3312
```
#ab3312 rgb(171,51,18)
```
#128aab
```
#128aab rgb(18,138,171)
```

Complementary Color

#ab123e
```
#ab123e rgb(171,18,62)
```
#ab3312
```
#ab3312 rgb(171,51,18)
```
#ab8012
```
#ab8012 rgb(171,128,18)
```

Analogous Color

#123eab
```
#123eab rgb(18,62,171)
```
#ab3312
```
#ab3312 rgb(171,51,18)
```
#12ab80
```
#12ab80 rgb(18,171,128)
```

Split Complementary Color

#3312ab
```
#3312ab rgb(51,18,171)
```
#ab3312
```
#ab3312 rgb(171,51,18)
```
#12ab33
```
#12ab33 rgb(18,171,51)
```

Triadic Color

#ab128a
```
#ab128a rgb(171,18,138)
```
#ab3312
```
#ab3312 rgb(171,51,18)
```
#12ab33
```
#12ab33 rgb(18,171,51)
```
#128aab
```
#128aab rgb(18,138,171)
```

Tetradic Color

#661e0b
```
#661e0b rgb(102,30,11)
```
#7d250d
```
#7d250d rgb(125,37,13)
```
#942c10
```
#942c10 rgb(148,44,16)
```
#ab3312
```
#ab3312 rgb(171,51,18)
```
#c23a14
```
#c23a14 rgb(194,58,20)
```
#d94117
```
#d94117 rgb(217,65,23)
```
#e84c22
```
#e84c22 rgb(232,76,34)
```

Monochromatic Color

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

#ab1217
```
#ab1217 rgb(171,18,23)
```
#ab1a12
```
#ab1a12 rgb(171,26,18)
```
#ab2612
```
#ab2612 rgb(171,38,18)
```
#ab3312
```
#ab3312 rgb(171,51,18)
```
#ab4012
```
#ab4012 rgb(171,64,18)
```
#ab4d12
```
#ab4d12 rgb(171,77,18)
```
#ab5912
```
#ab5912 rgb(171,89,18)
```

Similar Colors

Text with hexadecimal color #ab3312

This text has a font color of #ab3312.

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

#ab3312 background color

This paragraph has a background color of #ab3312.

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

#ab3312 border color

This element has a border color of #ab3312.

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

CSS codes

.text {color:#ab3312;}

.background {background-color:#ab3312;}

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

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

#0b0301
```
#0b0301 rgb(11,3,1)
```
#1d0903
```
#1d0903 rgb(29,9,3)
```
#2f0e05
```
#2f0e05 rgb(47,14,5)
```
#411307
```
#411307 rgb(65,19,7)
```
#521909
```
#521909 rgb(82,25,9)
```
#641e0b
```
#641e0b rgb(100,30,11)
```
#76230c
```
#76230c rgb(118,35,12)
```
#88280e
```
#88280e rgb(136,40,14)
```
#992e10
```
#992e10 rgb(153,46,16)
```
#ab3312
```
#ab3312 rgb(171,51,18)
```
#bd3814
```
#bd3814 rgb(189,56,20)
```
#ce3e16
```
#ce3e16 rgb(206,62,22)
```
#e04318
```
#e04318 rgb(224,67,24)
```

Shade Color Variation

#e84e24
```
#e84e24 rgb(232,78,36)
```
#ea5c35
```
#ea5c35 rgb(234,92,53)
```
#ec6b47
```
#ec6b47 rgb(236,107,71)
```
#ee7959
```
#ee7959 rgb(238,121,89)
```
#ef876b
```
#ef876b rgb(239,135,107)
```
#f1967c
```
#f1967c rgb(241,150,124)
```
#f3a48e
```
#f3a48e rgb(243,164,142)
```
#f5b2a0
```
#f5b2a0 rgb(245,178,160)
```
#f7c0b2
```
#f7c0b2 rgb(247,192,178)
```
#f9cfc3
```
#f9cfc3 rgb(249,207,195)
```
#fbddd5
```
#fbddd5 rgb(251,221,213)
```
#fcebe7
```
#fcebe7 rgb(252,235,231)
```
#fefaf9
```
#fefaf9 rgb(254,250,249)
```

Tint Color Variation

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

#625c5b
```
#625c5b rgb(98,92,91)
```
#6a5853
```
#6a5853 rgb(106,88,83)
```
#71544c
```
#71544c rgb(113,84,76)
```
#785045
```
#785045 rgb(120,80,69)
```
#7f4c3e
```
#7f4c3e rgb(127,76,62)
```
#874836
```
#874836 rgb(135,72,54)
```
#8e442f
```
#8e442f rgb(142,68,47)
```
#953f28
```
#953f28 rgb(149,63,40)
```
#9c3b21
```
#9c3b21 rgb(156,59,33)
```
#a43719
```
#a43719 rgb(164,55,25)
```
#ab3312
```
#ab3312 rgb(171,51,18)
```
#b22f0b
```
#b22f0b rgb(178,47,11)
```
#ba2b03
```
#ba2b03 rgb(186,43,3)
```

Tone Color Variation

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

Dichromacy

#716628 Protanopia 1% of men
#7f6105 Deuteranopia 1% of men
#b03a3d Tritanopia 0.001% of the population

Trichromacy

#865320 Protanomaly 1% of men, 0.01% of women
#8f500a Deuteranomaly 6% of men, 0.4% of women
#ae372d Tritanomaly 0.01% of the population

#ab3312 hex color

#ab3312 Color Information

#ab3312 Color Conversion

Color Schemes with #ab3312

Alternatives to #ab3312

#ab3312 Preview

Shades and Tints of #ab3312

Tones of #ab3312

Color Blindness Simulator