#abb678 hex color

In a RGB color space, hex #abb678 is composed of 67.1% red, 71.4% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 6% cyan, 0% magenta, 34.1% yellow and 28.6% black. It has a hue angle of 70.6 degrees, a saturation of 29.8% and a lightness of 59.2%. #abb678 color hex could be obtained by blending #fffff0 with #576d00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 67
- G 71
- B 47
RGB color chart
- C 6
- M 0
- Y 34
- K 29
CMYK color chart

● #abb678 color description : Slightly desaturated yellow.

The hexadecimal color #abb678 has RGB values of R:171, G:182, B:120 and CMYK values of C:0.06, M:0, Y:0.34, K:0.29. Its decimal value is 11253368.

Hex triplet	abb678	`#abb678`
RGB Decimal	171, 182, 120	`rgb(171,182,120)`
RGB Percent	67.1, 71.4, 47.1	`rgb(67.1%,71.4%,47.1%)`
CMYK	6, 0, 34, 29
HSL	70.6°, 29.8, 59.2	`hsl(70.6,29.8%,59.2%)`
HSV (or HSB)	70.6°, 34.1, 71.4
Web Safe	99cc66	`#99cc66`

CIE-LAB	71.873, -13.969, 30.333
XYZ	36.912, 43.47, 24.214
xyY	0.353, 0.416, 43.47
CIE-LCH	71.873, 33.395, 114.727
CIE-LUV	71.873, -3.714, 42.377
Hunter-Lab	65.932, -15.447, 24.377
Binary	10101011, 10110110, 01111000

#abb678
```
#abb678 rgb(171,182,120)
```
#8378b6
```
#8378b6 rgb(131,120,182)
```

Complementary Color

#b6a278
```
#b6a278 rgb(182,162,120)
```
#abb678
```
#abb678 rgb(171,182,120)
```
#8cb678
```
#8cb678 rgb(140,182,120)
```

Analogous Color

#a278b6
```
#a278b6 rgb(162,120,182)
```
#abb678
```
#abb678 rgb(171,182,120)
```
#788cb6
```
#788cb6 rgb(120,140,182)
```

Split Complementary Color

#b678ab
```
#b678ab rgb(182,120,171)
```
#abb678
```
#abb678 rgb(171,182,120)
```
#78abb6
```
#78abb6 rgb(120,171,182)
```

Triadic Color

#b68378
```
#b68378 rgb(182,131,120)
```
#abb678
```
#abb678 rgb(171,182,120)
```
#78abb6
```
#78abb6 rgb(120,171,182)
```
#8378b6
```
#8378b6 rgb(131,120,182)
```

Tetradic Color

#86924f
```
#86924f rgb(134,146,79)
```
#96a358
```
#96a358 rgb(150,163,88)
```
#a1ad67
```
#a1ad67 rgb(161,173,103)
```
#abb678
```
#abb678 rgb(171,182,120)
```
#b5bf89
```
#b5bf89 rgb(181,191,137)
```
#c0c899
```
#c0c899 rgb(192,200,153)
```
#cad1aa
```
#cad1aa rgb(202,209,170)
```

Monochromatic Color

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

#b6b278
```
#b6b278 rgb(182,178,120)
```
#b5b678
```
#b5b678 rgb(181,182,120)
```
#b0b678
```
#b0b678 rgb(176,182,120)
```
#abb678
```
#abb678 rgb(171,182,120)
```
#a6b678
```
#a6b678 rgb(166,182,120)
```
#a1b678
```
#a1b678 rgb(161,182,120)
```
#9cb678
```
#9cb678 rgb(156,182,120)
```

Similar Colors

Text with hexadecimal color #abb678

This text has a font color of #abb678.

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

#abb678 background color

This paragraph has a background color of #abb678.

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

#abb678 border color

This element has a border color of #abb678.

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

CSS codes

.text {color:#abb678;}

.background {background-color:#abb678;}

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

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

#050503
```
#050503 rgb(5,5,3)
```
#10120a
```
#10120a rgb(16,18,10)
```
#1c1f10
```
#1c1f10 rgb(28,31,16)
```
#282b17
```
#282b17 rgb(40,43,23)
```
#33381e
```
#33381e rgb(51,56,30)
```
#3f4525
```
#3f4525 rgb(63,69,37)
```
#4b512c
```
#4b512c rgb(75,81,44)
```
#565e33
```
#565e33 rgb(86,94,51)
```
#626b3a
```
#626b3a rgb(98,107,58)
```
#6e7841
```
#6e7841 rgb(110,120,65)
```
#7a8448
```
#7a8448 rgb(122,132,72)
```
#85914e
```
#85914e rgb(133,145,78)
```
#919e55
```
#919e55 rgb(145,158,85)
```

Shade Color Variation

#9ba85f
```
#9ba85f rgb(155,168,95)
```
#a3af6b
```
#a3af6b rgb(163,175,107)
```
#abb678
```
#abb678 rgb(171,182,120)
```
#b3bd85
```
#b3bd85 rgb(179,189,133)
```
#bbc491
```
#bbc491 rgb(187,196,145)
```
#c3cb9e
```
#c3cb9e rgb(195,203,158)
```
#cbd2ab
```
#cbd2ab rgb(203,210,171)
```
#d3d8b8
```
#d3d8b8 rgb(211,216,184)
```
#dbdfc4
```
#dbdfc4 rgb(219,223,196)
```
#e2e6d1
```
#e2e6d1 rgb(226,230,209)
```
#eaedde
```
#eaedde rgb(234,237,222)
```
#f2f4eb
```
#f2f4eb rgb(242,244,235)
```
#fafbf7
```
#fafbf7 rgb(250,251,247)
```

Tint Color Variation

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

#9c9e90
```
#9c9e90 rgb(156,158,144)
```
#a1a688
```
#a1a688 rgb(161,166,136)
```
#a6ae80
```
#a6ae80 rgb(166,174,128)
```
#abb678
```
#abb678 rgb(171,182,120)
```
#b0be70
```
#b0be70 rgb(176,190,112)
```
#b5c668
```
#b5c668 rgb(181,198,104)
```
#bace60
```
#bace60 rgb(186,206,96)
```
#c0d658
```
#c0d658 rgb(192,214,88)
```
#c5de50
```
#c5de50 rgb(197,222,80)
```
#cae648
```
#cae648 rgb(202,230,72)
```
#cfee40
```
#cfee40 rgb(207,238,64)
```
#d4f638
```
#d4f638 rgb(212,246,56)
```
#d9fe30
```
#d9fe30 rgb(217,254,48)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#acaea2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b47c Protanopia 1% of men
#d4ad83 Deuteranopia 1% of men
#b8b1be Tritanopia 0.001% of the population

Trichromacy

#bab47b Protanomaly 1% of men, 0.01% of women
#c5b07f Deuteranomaly 6% of men, 0.4% of women
#b3b3a4 Tritanomaly 0.01% of the population

#abb678 hex color

#abb678 Color Information

#abb678 Color Conversion

Color Schemes with #abb678

Alternatives to #abb678

#abb678 Preview

Shades and Tints of #abb678

Tones of #abb678

Color Blindness Simulator