#abaf30 hex color

In a RGB color space, hex #abaf30 is composed of 67.1% red, 68.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 2.3% cyan, 0% magenta, 72.6% yellow and 31.4% black. It has a hue angle of 61.9 degrees, a saturation of 57% and a lightness of 43.7%. #abaf30 color hex could be obtained by blending #ffff60 with #575f00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 67
- G 69
- B 19
RGB color chart
- C 2
- M 0
- Y 73
- K 31
CMYK color chart

● #abaf30 color description : Dark yellow [Olive tone].

The hexadecimal color #abaf30 has RGB values of R:171, G:175, B:48 and CMYK values of C:0.02, M:0, Y:0.73, K:0.31. Its decimal value is 11251504.

Hex triplet	abaf30	`#abaf30`
RGB Decimal	171, 175, 48	`rgb(171,175,48)`
RGB Percent	67.1, 68.6, 18.8	`rgb(67.1%,68.6%,18.8%)`
CMYK	2, 0, 73, 31
HSL	61.9°, 57, 43.7	`hsl(61.9,57%,43.7%)`
HSV (or HSB)	61.9°, 72.6, 68.6
Web Safe	999933	`#999933`

CIE-LAB	69.135, -16.756, 60.621
XYZ	32.658, 39.532, 8.706
xyY	0.404, 0.489, 39.532
CIE-LCH	69.135, 62.894, 105.451
CIE-LUV	69.135, 2.33, 69.702
Hunter-Lab	62.874, -17.314, 35.802
Binary	10101011, 10101111, 00110000

#abaf30
```
#abaf30 rgb(171,175,48)
```
#3430af
```
#3430af rgb(52,48,175)
```

Complementary Color

#af7430
```
#af7430 rgb(175,116,48)
```
#abaf30
```
#abaf30 rgb(171,175,48)
```
#6caf30
```
#6caf30 rgb(108,175,48)
```

Analogous Color

#7430af
```
#7430af rgb(116,48,175)
```
#abaf30
```
#abaf30 rgb(171,175,48)
```
#306caf
```
#306caf rgb(48,108,175)
```

Split Complementary Color

#af30ab
```
#af30ab rgb(175,48,171)
```
#abaf30
```
#abaf30 rgb(171,175,48)
```
#30abaf
```
#30abaf rgb(48,171,175)
```

Triadic Color

#af3430
```
#af3430 rgb(175,52,48)
```
#abaf30
```
#abaf30 rgb(171,175,48)
```
#30abaf
```
#30abaf rgb(48,171,175)
```
#3430af
```
#3430af rgb(52,48,175)
```

Tetradic Color

#707320
```
#707320 rgb(112,115,32)
```
#848725
```
#848725 rgb(132,135,37)
```
#979b2b
```
#979b2b rgb(151,155,43)
```
#abaf30
```
#abaf30 rgb(171,175,48)
```
#bfc335
```
#bfc335 rgb(191,195,53)
```
#c8cc46
```
#c8cc46 rgb(200,204,70)
```
#ced25a
```
#ced25a rgb(206,210,90)
```

Monochromatic Color

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

#af9330
```
#af9330 rgb(175,147,48)
```
#af9e30
```
#af9e30 rgb(175,158,48)
```
#afa830
```
#afa830 rgb(175,168,48)
```
#abaf30
```
#abaf30 rgb(171,175,48)
```
#a0af30
```
#a0af30 rgb(160,175,48)
```
#96af30
```
#96af30 rgb(150,175,48)
```
#8baf30
```
#8baf30 rgb(139,175,48)
```

Similar Colors

Text with hexadecimal color #abaf30

This text has a font color of #abaf30.

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

#abaf30 background color

This paragraph has a background color of #abaf30.

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

#abaf30 border color

This element has a border color of #abaf30.

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

CSS codes

.text {color:#abaf30;}

.background {background-color:#abaf30;}

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

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

#060602
```
#060602 rgb(6,6,2)
```
#151506
```
#151506 rgb(21,21,6)
```
#24240a
```
#24240a rgb(36,36,10)
```
#33340e
```
#33340e rgb(51,52,14)
```
#424312
```
#424312 rgb(66,67,18)
```
#515317
```
#515317 rgb(81,83,23)
```
#60621b
```
#60621b rgb(96,98,27)
```
#6f711f
```
#6f711f rgb(111,113,31)
```
#7e8123
```
#7e8123 rgb(126,129,35)
```
#8d9028
```
#8d9028 rgb(141,144,40)
```
#9ca02c
```
#9ca02c rgb(156,160,44)
```
#abaf30
```
#abaf30 rgb(171,175,48)
```
#babe34
```
#babe34 rgb(186,190,52)
```

Shade Color Variation

#c5ca3d
```
#c5ca3d rgb(197,202,61)
```
#cace4c
```
#cace4c rgb(202,206,76)
```
#ced25b
```
#ced25b rgb(206,210,91)
```
#d3d66b
```
#d3d66b rgb(211,214,107)
```
#d8db7a
```
#d8db7a rgb(216,219,122)
```
#dcdf8a
```
#dcdf8a rgb(220,223,138)
```
#e1e399
```
#e1e399 rgb(225,227,153)
```
#e5e7a8
```
#e5e7a8 rgb(229,231,168)
```
#eaebb8
```
#eaebb8 rgb(234,235,184)
```
#eef0c7
```
#eef0c7 rgb(238,240,199)
```
#f3f4d6
```
#f3f4d6 rgb(243,244,214)
```
#f8f8e6
```
#f8f8e6 rgb(248,248,230)
```
#fcfcf5
```
#fcfcf5 rgb(252,252,245)
```

Tint Color Variation

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

#73736c
```
#73736c rgb(115,115,108)
```
#7b7c63
```
#7b7c63 rgb(123,124,99)
```
#83845b
```
#83845b rgb(131,132,91)
```
#8b8d52
```
#8b8d52 rgb(139,141,82)
```
#93954a
```
#93954a rgb(147,149,74)
```
#9b9e41
```
#9b9e41 rgb(155,158,65)
```
#a3a639
```
#a3a639 rgb(163,166,57)
```
#abaf30
```
#abaf30 rgb(171,175,48)
```
#b3b827
```
#b3b827 rgb(179,184,39)
```
#bbc01f
```
#bbc01f rgb(187,192,31)
```
#c3c916
```
#c3c916 rgb(195,201,22)
```
#cbd10e
```
#cbd10e rgb(203,209,14)
```
#d3da05
```
#d3da05 rgb(211,218,5)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a1a289 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ad39 Protanopia 1% of men
#d6a541 Deuteranopia 1% of men
#bba7b3 Tritanopia 0.001% of the population

Trichromacy

#b9ae35 Protanomaly 1% of men, 0.01% of women
#c6a83b Deuteranomaly 6% of men, 0.4% of women
#b5aa83 Tritanomaly 0.01% of the population

#abaf30 hex color

#abaf30 Color Information

#abaf30 Color Conversion

Color Schemes with #abaf30

Alternatives to #abaf30

#abaf30 Preview

Shades and Tints of #abaf30

Tones of #abaf30

Color Blindness Simulator