#abcc48 hex color

In a RGB color space, hex #abcc48 is composed of 67.1% red, 80% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 0% magenta, 64.7% yellow and 20% black. It has a hue angle of 75 degrees, a saturation of 56.4% and a lightness of 54.1%. #abcc48 color hex could be obtained by blending #ffff90 with #579900. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 67
- G 80
- B 28
RGB color chart
- C 16
- M 0
- Y 65
- K 20
CMYK color chart

● #abcc48 color description : Moderate yellow.

The hexadecimal color #abcc48 has RGB values of R:171, G:204, B:72 and CMYK values of C:0.16, M:0, Y:0.65, K:0.2. Its decimal value is 11258952.

Hex triplet	abcc48	`#abcc48`
RGB Decimal	171, 204, 72	`rgb(171,204,72)`
RGB Percent	67.1, 80, 28.2	`rgb(67.1%,80%,28.2%)`
CMYK	16, 0, 65, 20
HSL	75°, 56.4, 54.1	`hsl(75,56.4%,54.1%)`
HSV (or HSB)	75°, 64.7, 80
Web Safe	99cc33	`#99cc33`

CIE-LAB	77.467, -29.568, 59.86
XYZ	39.557, 52.311, 14.144
xyY	0.373, 0.493, 52.311
CIE-LCH	77.467, 66.764, 116.287
CIE-LUV	77.467, -15.376, 75.431
Hunter-Lab	72.326, -28.947, 39.034
Binary	10101011, 11001100, 01001000

#abcc48
```
#abcc48 rgb(171,204,72)
```
#6948cc
```
#6948cc rgb(105,72,204)
```

Complementary Color

#ccab48
```
#ccab48 rgb(204,171,72)
```
#abcc48
```
#abcc48 rgb(171,204,72)
```
#69cc48
```
#69cc48 rgb(105,204,72)
```

Analogous Color

#ab48cc
```
#ab48cc rgb(171,72,204)
```
#abcc48
```
#abcc48 rgb(171,204,72)
```
#4869cc
```
#4869cc rgb(72,105,204)
```

Split Complementary Color

#cc48ab
```
#cc48ab rgb(204,72,171)
```
#abcc48
```
#abcc48 rgb(171,204,72)
```
#48abcc
```
#48abcc rgb(72,171,204)
```

Triadic Color

#cc6948
```
#cc6948 rgb(204,105,72)
```
#abcc48
```
#abcc48 rgb(171,204,72)
```
#48abcc
```
#48abcc rgb(72,171,204)
```
#6948cc
```
#6948cc rgb(105,72,204)
```

Tetradic Color

#809c2b
```
#809c2b rgb(128,156,43)
```
#90b031
```
#90b031 rgb(144,176,49)
```
#a1c437
```
#a1c437 rgb(161,196,55)
```
#abcc48
```
#abcc48 rgb(171,204,72)
```
#b4d25c
```
#b4d25c rgb(180,210,92)
```
#bdd770
```
#bdd770 rgb(189,215,112)
```
#c6dd84
```
#c6dd84 rgb(198,221,132)
```

Monochromatic Color

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

#cccc48
```
#cccc48 rgb(204,204,72)
```
#c1cc48
```
#c1cc48 rgb(193,204,72)
```
#b6cc48
```
#b6cc48 rgb(182,204,72)
```
#abcc48
```
#abcc48 rgb(171,204,72)
```
#a0cc48
```
#a0cc48 rgb(160,204,72)
```
#95cc48
```
#95cc48 rgb(149,204,72)
```
#8acc48
```
#8acc48 rgb(138,204,72)
```

Similar Colors

Text with hexadecimal color #abcc48

This text has a font color of #abcc48.

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

#abcc48 background color

This paragraph has a background color of #abcc48.

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

#abcc48 border color

This element has a border color of #abcc48.

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

CSS codes

.text {color:#abcc48;}

.background {background-color:#abcc48;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0d1005
```
#0d1005 rgb(13,16,5)
```
#1a2009
```
#1a2009 rgb(26,32,9)
```
#272f0d
```
#272f0d rgb(39,47,13)
```
#333e11
```
#333e11 rgb(51,62,17)
```
#404e16
```
#404e16 rgb(64,78,22)
```
#4c5d1a
```
#4c5d1a rgb(76,93,26)
```
#596c1e
```
#596c1e rgb(89,108,30)
```
#657c23
```
#657c23 rgb(101,124,35)
```
#728b27
```
#728b27 rgb(114,139,39)
```
#7f9a2b
```
#7f9a2b rgb(127,154,43)
```
#8baa2f
```
#8baa2f rgb(139,170,47)
```
#98b934
```
#98b934 rgb(152,185,52)
```

Shade Color Variation

#a4c839
```
#a4c839 rgb(164,200,57)
```
#abcc48
```
#abcc48 rgb(171,204,72)
```
#b2d057
```
#b2d057 rgb(178,208,87)
```
#b9d567
```
#b9d567 rgb(185,213,103)
```
#c0d976
```
#c0d976 rgb(192,217,118)
```
#c7dd85
```
#c7dd85 rgb(199,221,133)
```
#cee195
```
#cee195 rgb(206,225,149)
```
#d5e6a4
```
#d5e6a4 rgb(213,230,164)
```
#dceab3
```
#dceab3 rgb(220,234,179)
```
#e3eec3
```
#e3eec3 rgb(227,238,195)
```
#eaf2d2
```
#eaf2d2 rgb(234,242,210)
```
#f1f7e1
```
#f1f7e1 rgb(241,247,225)
```
#f8fbf1
```
#f8fbf1 rgb(248,251,241)
```

Tint Color Variation

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

#8c8d87
```
#8c8d87 rgb(140,141,135)
```
#90967e
```
#90967e rgb(144,150,126)
```
#959f75
```
#959f75 rgb(149,159,117)
```
#99a86c
```
#99a86c rgb(153,168,108)
```
#9eb163
```
#9eb163 rgb(158,177,99)
```
#a2ba5a
```
#a2ba5a rgb(162,186,90)
```
#a7c351
```
#a7c351 rgb(167,195,81)
```
#abcc48
```
#abcc48 rgb(171,204,72)
```
#b0d53f
```
#b0d53f rgb(176,213,63)
```
#b4de36
```
#b4de36 rgb(180,222,54)
```
#b9e72d
```
#b9e72d rgb(185,231,45)
```
#bdf024
```
#bdf024 rgb(189,240,36)
```
#c2f91b
```
#c2f91b rgb(194,249,27)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b1b89e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c24e Protanopia 1% of men
#efb959 Deuteranopia 1% of men
#bfc2d0 Tritanopia 0.001% of the population

Trichromacy

#c7c64b Protanomaly 1% of men, 0.01% of women
#d6c053 Deuteranomaly 6% of men, 0.4% of women
#b8c59e Tritanomaly 0.01% of the population

#abcc48 hex color

#abcc48 Color Information

#abcc48 Color Conversion

Color Schemes with #abcc48

Alternatives to #abcc48

#abcc48 Preview

Shades and Tints of #abcc48

Tones of #abcc48

Color Blindness Simulator