#48a464 hex color

In a RGB color space, hex #48a464 is composed of 28.2% red, 64.3% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 0% magenta, 39% yellow and 35.7% black. It has a hue angle of 138.3 degrees, a saturation of 39% and a lightness of 46.3%. #48a464 color hex could be obtained by blending #90ffc8 with #004900. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 28
- G 64
- B 39
RGB color chart
- C 56
- M 0
- Y 39
- K 36
CMYK color chart

● #48a464 color description : Dark moderate cyan - lime green.

The hexadecimal color #48a464 has RGB values of R:72, G:164, B:100 and CMYK values of C:0.56, M:0, Y:0.39, K:0.36. Its decimal value is 4760676.

Hex triplet	48a464	`#48a464`
RGB Decimal	72, 164, 100	`rgb(72,164,100)`
RGB Percent	28.2, 64.3, 39.2	`rgb(28.2%,64.3%,39.2%)`
CMYK	56, 0, 39, 36
HSL	138.3°, 39, 46.3	`hsl(138.3,39%,46.3%)`
HSV (or HSB)	138.3°, 56.1, 64.3
Web Safe	339966	`#339966`

CIE-LAB	60.647, -41.934, 25.173
XYZ	18.247, 28.847, 16.662
xyY	0.286, 0.452, 28.847
CIE-LCH	60.647, 48.909, 149.024
CIE-LUV	60.647, -41.106, 39.371
Hunter-Lab	53.71, -33.349, 19.203
Binary	01001000, 10100100, 01100100

#48a464
```
#48a464 rgb(72,164,100)
```
#a44888
```
#a44888 rgb(164,72,136)
```

Complementary Color

#5aa448
```
#5aa448 rgb(90,164,72)
```
#48a464
```
#48a464 rgb(72,164,100)
```
#48a492
```
#48a492 rgb(72,164,146)
```

Analogous Color

#a4485a
```
#a4485a rgb(164,72,90)
```
#48a464
```
#48a464 rgb(72,164,100)
```
#9248a4
```
#9248a4 rgb(146,72,164)
```

Split Complementary Color

#a46448
```
#a46448 rgb(164,100,72)
```
#48a464
```
#48a464 rgb(72,164,100)
```
#6448a4
```
#6448a4 rgb(100,72,164)
```

Triadic Color

#88a448
```
#88a448 rgb(136,164,72)
```
#48a464
```
#48a464 rgb(72,164,100)
```
#6448a4
```
#6448a4 rgb(100,72,164)
```
#a44888
```
#a44888 rgb(164,72,136)
```

Tetradic Color

#316f44
```
#316f44 rgb(49,111,68)
```
#38814e
```
#38814e rgb(56,129,78)
```
#409259
```
#409259 rgb(64,146,89)
```
#48a464
```
#48a464 rgb(72,164,100)
```
#52b370
```
#52b370 rgb(82,179,112)
```
#64bb7e
```
#64bb7e rgb(100,187,126)
```
#76c38d
```
#76c38d rgb(118,195,141)
```

Monochromatic Color

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

#48a44d
```
#48a44d rgb(72,164,77)
```
#48a455
```
#48a455 rgb(72,164,85)
```
#48a45c
```
#48a45c rgb(72,164,92)
```
#48a464
```
#48a464 rgb(72,164,100)
```
#48a46c
```
#48a46c rgb(72,164,108)
```
#48a473
```
#48a473 rgb(72,164,115)
```
#48a47b
```
#48a47b rgb(72,164,123)
```

Similar Colors

Text with hexadecimal color #48a464

This text has a font color of #48a464.

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

#48a464 background color

This paragraph has a background color of #48a464.

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

#48a464 border color

This element has a border color of #48a464.

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

CSS codes

.text {color:#48a464;}

.background {background-color:#48a464;}

.border {border:1px solid #48a464;}

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

#000000
```
#000000 rgb(0,0,0)
```
#060e09
```
#060e09 rgb(6,14,9)
```
#0c1c11
```
#0c1c11 rgb(12,28,17)
```
#122919
```
#122919 rgb(18,41,25)
```
#183722
```
#183722 rgb(24,55,34)
```
#1e452a
```
#1e452a rgb(30,69,42)
```
#245232
```
#245232 rgb(36,82,50)
```
#2a603a
```
#2a603a rgb(42,96,58)
```
#306d43
```
#306d43 rgb(48,109,67)
```
#367b4b
```
#367b4b rgb(54,123,75)
```
#3c8953
```
#3c8953 rgb(60,137,83)
```
#42965c
```
#42965c rgb(66,150,92)
```
#48a464
```
#48a464 rgb(72,164,100)
```

Shade Color Variation

#4eb16c
```
#4eb16c rgb(78,177,108)
```
#5cb778
```
#5cb778 rgb(92,183,120)
```
#69bd83
```
#69bd83 rgb(105,189,131)
```
#77c38e
```
#77c38e rgb(119,195,142)
```
#85c99a
```
#85c99a rgb(133,201,154)
```
#92cfa5
```
#92cfa5 rgb(146,207,165)
```
#a0d5b0
```
#a0d5b0 rgb(160,213,176)
```
#aedbbc
```
#aedbbc rgb(174,219,188)
```
#bbe1c7
```
#bbe1c7 rgb(187,225,199)
```
#c9e7d2
```
#c9e7d2 rgb(201,231,210)
```
#d7eddd
```
#d7eddd rgb(215,237,221)
```
#e4f3e9
```
#e4f3e9 rgb(228,243,233)
```
#f2f9f4
```
#f2f9f4 rgb(242,249,244)
```

Tint Color Variation

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

#757776
```
#757776 rgb(117,119,118)
```
#6c8072
```
#6c8072 rgb(108,128,114)
```
#63896f
```
#63896f rgb(99,137,111)
```
#5a926b
```
#5a926b rgb(90,146,107)
```
#519b68
```
#519b68 rgb(81,155,104)
```
#48a464
```
#48a464 rgb(72,164,100)
```
#3fad60
```
#3fad60 rgb(63,173,96)
```
#36b65d
```
#36b65d rgb(54,182,93)
```
#2dbf59
```
#2dbf59 rgb(45,191,89)
```
#24c856
```
#24c856 rgb(36,200,86)
```
#1bd152
```
#1bd152 rgb(27,209,82)
```
#12da4f
```
#12da4f rgb(18,218,79)
```
#08e44b
```
#08e44b rgb(8,228,75)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#76887b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49765 Protanopia 1% of men
#b29273 Deuteranopia 1% of men
#66a0ac Tritanopia 0.001% of the population

Trichromacy

#829c64 Protanomaly 1% of men, 0.01% of women
#8b986e Deuteranomaly 6% of men, 0.4% of women
#5ba192 Tritanomaly 0.01% of the population

#48a464 hex color

#48a464 Color Information

#48a464 Color Conversion

Color Schemes with #48a464

Alternatives to #48a464

#48a464 Preview

Shades and Tints of #48a464

Tones of #48a464

Color Blindness Simulator