#ab5100 hex color

In a RGB color space, hex #ab5100 is composed of 67.1% red, 31.8% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.6% magenta, 100% yellow and 32.9% black. It has a hue angle of 28.4 degrees, a saturation of 100% and a lightness of 33.5%. #ab5100 color hex could be obtained by blending #ffa200 with #570000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 67
- G 32
- B 0
RGB color chart
- C 0
- M 53
- Y 100
- K 33
CMYK color chart

● #ab5100 color description : Dark orange [Brown tone].

The hexadecimal color #ab5100 has RGB values of R:171, G:81, B:0 and CMYK values of C:0, M:0.53, Y:1, K:0.33. Its decimal value is 11227392.

Hex triplet	ab5100	`#ab5100`
RGB Decimal	171, 81, 0	`rgb(171,81,0)`
RGB Percent	67.1, 31.8, 0	`rgb(67.1%,31.8%,0%)`
CMYK	0, 53, 100, 33
HSL	28.4°, 100, 33.5	`hsl(28.4,100%,33.5%)`
HSV (or HSB)	28.4°, 100, 67.1
Web Safe	996600	`#996600`

CIE-LAB	45.004, 33.141, 54.534
XYZ	19.738, 14.545, 1.768
xyY	0.548, 0.403, 14.545
CIE-LCH	45.004, 63.814, 58.713
CIE-LUV	45.004, 74.172, 40.887
Hunter-Lab	38.138, 25.641, 23.948
Binary	10101011, 01010001, 00000000

#ab5100
```
#ab5100 rgb(171,81,0)
```
#005aab
```
#005aab rgb(0,90,171)
```

Complementary Color

#ab0005
```
#ab0005 rgb(171,0,5)
```
#ab5100
```
#ab5100 rgb(171,81,0)
```
#aba700
```
#aba700 rgb(171,167,0)
```

Analogous Color

#0005ab
```
#0005ab rgb(0,5,171)
```
#ab5100
```
#ab5100 rgb(171,81,0)
```
#00aba7
```
#00aba7 rgb(0,171,167)
```

Split Complementary Color

#5100ab
```
#5100ab rgb(81,0,171)
```
#ab5100
```
#ab5100 rgb(171,81,0)
```
#00ab51
```
#00ab51 rgb(0,171,81)
```

Triadic Color

#ab005a
```
#ab005a rgb(171,0,90)
```
#ab5100
```
#ab5100 rgb(171,81,0)
```
#00ab51
```
#00ab51 rgb(0,171,81)
```
#005aab
```
#005aab rgb(0,90,171)
```

Tetradic Color

#5f2d00
```
#5f2d00 rgb(95,45,0)
```
#783900
```
#783900 rgb(120,57,0)
```
#924500
```
#924500 rgb(146,69,0)
```
#ab5100
```
#ab5100 rgb(171,81,0)
```
#c55d00
```
#c55d00 rgb(197,93,0)
```
#de6900
```
#de6900 rgb(222,105,0)
```
#f87500
```
#f87500 rgb(248,117,0)
```

Monochromatic Color

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

#ab2600
```
#ab2600 rgb(171,38,0)
```
#ab3400
```
#ab3400 rgb(171,52,0)
```
#ab4300
```
#ab4300 rgb(171,67,0)
```
#ab5100
```
#ab5100 rgb(171,81,0)
```
#ab5f00
```
#ab5f00 rgb(171,95,0)
```
#ab6e00
```
#ab6e00 rgb(171,110,0)
```
#ab7c00
```
#ab7c00 rgb(171,124,0)
```

Similar Colors

Text with hexadecimal color #ab5100

This text has a font color of #ab5100.

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

#ab5100 background color

This paragraph has a background color of #ab5100.

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

#ab5100 border color

This element has a border color of #ab5100.

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

CSS codes

.text {color:#ab5100;}

.background {background-color:#ab5100;}

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

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

#0e0700
```
#0e0700 rgb(14,7,0)
```
#221000
```
#221000 rgb(34,16,0)
```
#351900
```
#351900 rgb(53,25,0)
```
#492300
```
#492300 rgb(73,35,0)
```
#5d2c00
```
#5d2c00 rgb(93,44,0)
```
#703500
```
#703500 rgb(112,53,0)
```
#843e00
```
#843e00 rgb(132,62,0)
```
#974800
```
#974800 rgb(151,72,0)
```
#ab5100
```
#ab5100 rgb(171,81,0)
```
#bf5a00
```
#bf5a00 rgb(191,90,0)
```
#d26400
```
#d26400 rgb(210,100,0)
```
#e66d00
```
#e66d00 rgb(230,109,0)
```
#f97600
```
#f97600 rgb(249,118,0)
```

Shade Color Variation

#ff800e
```
#ff800e rgb(255,128,14)
```
#ff8b22
```
#ff8b22 rgb(255,139,34)
```
#ff9535
```
#ff9535 rgb(255,149,53)
```
#ff9f49
```
#ff9f49 rgb(255,159,73)
```
#ffa95d
```
#ffa95d rgb(255,169,93)
```
#ffb470
```
#ffb470 rgb(255,180,112)
```
#ffbe84
```
#ffbe84 rgb(255,190,132)
```
#ffc897
```
#ffc897 rgb(255,200,151)
```
#ffd3ab
```
#ffd3ab rgb(255,211,171)
```
#ffddbf
```
#ffddbf rgb(255,221,191)
```
#ffe7d2
```
#ffe7d2 rgb(255,231,210)
```
#fff2e6
```
#fff2e6 rgb(255,242,230)
```
#fffcf9
```
#fffcf9 rgb(255,252,249)
```

Tint Color Variation

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

#5c554f
```
#5c554f rgb(92,85,79)
```
#635548
```
#635548 rgb(99,85,72)
```
#695442
```
#695442 rgb(105,84,66)
```
#70543b
```
#70543b rgb(112,84,59)
```
#765435
```
#765435 rgb(118,84,53)
```
#7d532e
```
#7d532e rgb(125,83,46)
```
#845327
```
#845327 rgb(132,83,39)
```
#8a5321
```
#8a5321 rgb(138,83,33)
```
#91521a
```
#91521a rgb(145,82,26)
```
#975214
```
#975214 rgb(151,82,20)
```
#9e520d
```
#9e520d rgb(158,82,13)
```
#a45107
```
#a45107 rgb(164,81,7)
```
#ab5100
```
#ab5100 rgb(171,81,0)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#715f4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#807211 Protanopia 1% of men
#8e6c00 Deuteranopia 1% of men
#b15459 Tritanopia 0.001% of the population

Trichromacy

#8f660b Protanomaly 1% of men, 0.01% of women
#996200 Deuteranomaly 6% of men, 0.4% of women
#af5338 Tritanomaly 0.01% of the population

#ab5100 hex color

#ab5100 Color Information

#ab5100 Color Conversion

Color Schemes with #ab5100

Alternatives to #ab5100

#ab5100 Preview

Shades and Tints of #ab5100

Tones of #ab5100

Color Blindness Simulator