#a3bf50 hex color

In a RGB color space, hex #a3bf50 is composed of 63.9% red, 74.9% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 14.7% cyan, 0% magenta, 58.1% yellow and 25.1% black. It has a hue angle of 75.1 degrees, a saturation of 46.4% and a lightness of 53.1%. #a3bf50 color hex could be obtained by blending #ffffa0 with #477f00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 64
- G 75
- B 31
RGB color chart
- C 15
- M 0
- Y 58
- K 25
CMYK color chart

● #a3bf50 color description : Moderate green.

The hexadecimal color #a3bf50 has RGB values of R:163, G:191, B:80 and CMYK values of C:0.15, M:0, Y:0.58, K:0.25. Its decimal value is 10731344.

Hex triplet	a3bf50	`#a3bf50`
RGB Decimal	163, 191, 80	`rgb(163,191,80)`
RGB Percent	63.9, 74.9, 31.4	`rgb(63.9%,74.9%,31.4%)`
CMYK	15, 0, 58, 25
HSL	75.1°, 46.4, 53.1	`hsl(75.1,46.4%,53.1%)`
HSV (or HSB)	75.1°, 58.1, 74.9
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.303, -25.922, 51.738
XYZ	35.183, 45.627, 14.542
xyY	0.369, 0.479, 45.627
CIE-LCH	73.303, 57.869, 116.612
CIE-LUV	73.303, -12.816, 66.427
Hunter-Lab	67.548, -25.236, 34.519
Binary	10100011, 10111111, 01010000

#a3bf50
```
#a3bf50 rgb(163,191,80)
```
#6c50bf
```
#6c50bf rgb(108,80,191)
```

Complementary Color

#bfa450
```
#bfa450 rgb(191,164,80)
```
#a3bf50
```
#a3bf50 rgb(163,191,80)
```
#6cbf50
```
#6cbf50 rgb(108,191,80)
```

Analogous Color

#a450bf
```
#a450bf rgb(164,80,191)
```
#a3bf50
```
#a3bf50 rgb(163,191,80)
```
#506cbf
```
#506cbf rgb(80,108,191)
```

Split Complementary Color

#bf50a3
```
#bf50a3 rgb(191,80,163)
```
#a3bf50
```
#a3bf50 rgb(163,191,80)
```
#50a3bf
```
#50a3bf rgb(80,163,191)
```

Triadic Color

#bf6c50
```
#bf6c50 rgb(191,108,80)
```
#a3bf50
```
#a3bf50 rgb(163,191,80)
```
#50a3bf
```
#50a3bf rgb(80,163,191)
```
#6c50bf
```
#6c50bf rgb(108,80,191)
```

Tetradic Color

#788e34
```
#788e34 rgb(120,142,52)
```
#87a13b
```
#87a13b rgb(135,161,59)
```
#97b442
```
#97b442 rgb(151,180,66)
```
#a3bf50
```
#a3bf50 rgb(163,191,80)
```
#adc663
```
#adc663 rgb(173,198,99)
```
#b7cd75
```
#b7cd75 rgb(183,205,117)
```
#c0d388
```
#c0d388 rgb(192,211,136)
```

Monochromatic Color

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

#bfbf50
```
#bfbf50 rgb(191,191,80)
```
#b6bf50
```
#b6bf50 rgb(182,191,80)
```
#acbf50
```
#acbf50 rgb(172,191,80)
```
#a3bf50
```
#a3bf50 rgb(163,191,80)
```
#9abf50
```
#9abf50 rgb(154,191,80)
```
#91bf50
```
#91bf50 rgb(145,191,80)
```
#87bf50
```
#87bf50 rgb(135,191,80)
```

Similar Colors

Text with hexadecimal color #a3bf50

This text has a font color of #a3bf50.

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

#a3bf50 background color

This paragraph has a background color of #a3bf50.

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

#a3bf50 border color

This element has a border color of #a3bf50.

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

CSS codes

.text {color:#a3bf50;}

.background {background-color:#a3bf50;}

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

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

#0a0c04
```
#0a0c04 rgb(10,12,4)
```
#161a0a
```
#161a0a rgb(22,26,10)
```
#22280f
```
#22280f rgb(34,40,15)
```
#2e3714
```
#2e3714 rgb(46,55,20)
```
#3a4519
```
#3a4519 rgb(58,69,25)
```
#46541f
```
#46541f rgb(70,84,31)
```
#526224
```
#526224 rgb(82,98,36)
```
#5e7029
```
#5e7029 rgb(94,112,41)
```
#6a7f2e
```
#6a7f2e rgb(106,127,46)
```
#768d34
```
#768d34 rgb(118,141,52)
```
#829b39
```
#829b39 rgb(130,155,57)
```
#8faa3e
```
#8faa3e rgb(143,170,62)
```
#9bb843
```
#9bb843 rgb(155,184,67)
```

Shade Color Variation

#a3bf50
```
#a3bf50 rgb(163,191,80)
```
#abc45e
```
#abc45e rgb(171,196,94)
```
#b2ca6d
```
#b2ca6d rgb(178,202,109)
```
#bacf7b
```
#bacf7b rgb(186,207,123)
```
#c1d489
```
#c1d489 rgb(193,212,137)
```
#c9d998
```
#c9d998 rgb(201,217,152)
```
#d0dfa6
```
#d0dfa6 rgb(208,223,166)
```
#d8e4b5
```
#d8e4b5 rgb(216,228,181)
```
#dfe9c3
```
#dfe9c3 rgb(223,233,195)
```
#e7eed1
```
#e7eed1 rgb(231,238,209)
```
#eff4e0
```
#eff4e0 rgb(239,244,224)
```
#f6f9ee
```
#f6f9ee rgb(246,249,238)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#888887
```
#888887 rgb(136,136,135)
```
#8c917e
```
#8c917e rgb(140,145,126)
```
#919a75
```
#919a75 rgb(145,154,117)
```
#95a36c
```
#95a36c rgb(149,163,108)
```
#9aad62
```
#9aad62 rgb(154,173,98)
```
#9eb659
```
#9eb659 rgb(158,182,89)
```
#a3bf50
```
#a3bf50 rgb(163,191,80)
```
#a8c847
```
#a8c847 rgb(168,200,71)
```
#acd13e
```
#acd13e rgb(172,209,62)
```
#b1db34
```
#b1db34 rgb(177,219,52)
```
#b5e42b
```
#b5e42b rgb(181,228,43)
```
#baed22
```
#baed22 rgb(186,237,34)
```
#bef619
```
#bef619 rgb(190,246,25)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a9ae98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb856 Protanopia 1% of men
#e0af5f Deuteranopia 1% of men
#b6b7c4 Tritanopia 0.001% of the population

Trichromacy

#bcba53 Protanomaly 1% of men, 0.01% of women
#cab55a Deuteranomaly 6% of men, 0.4% of women
#afb999 Tritanomaly 0.01% of the population

#a3bf50 hex color

#a3bf50 Color Information

#a3bf50 Color Conversion

Color Schemes with #a3bf50

Alternatives to #a3bf50

#a3bf50 Preview

Shades and Tints of #a3bf50

Tones of #a3bf50

Color Blindness Simulator