colorhexa.com

#48aa61 hex color

In a RGB color space, hex #48aa61 is composed of 28.2% red, 66.7% green and 38% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 0% magenta, 42.9% yellow and 33.3% black. It has a hue angle of 135.3 degrees, a saturation of 40.5% and a lightness of 47.5%. #48aa61 color hex could be obtained by blending #90ffc2 with #005500. Closest websafe color is: #339966.

- R 28
- G 67
- B 38
RGB color chart
- C 58
- M 0
- Y 43
- K 33
CMYK color chart

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

The hexadecimal color #48aa61 has RGB values of R:72, G:170, B:97 and CMYK values of C:0.58, M:0, Y:0.43, K:0.33. Its decimal value is 4762209.

Hex triplet	48aa61	`#48aa61`
RGB Decimal	72, 170, 97	`rgb(72,170,97)`
RGB Percent	28.2, 66.7, 38	`rgb(28.2%,66.7%,38%)`
CMYK	58, 0, 43, 33
HSL	135.3°, 40.5, 47.5	`hsl(135.3,40.5%,47.5%)`
HSV (or HSB)	135.3°, 57.6, 66.7
Web Safe	339966	`#339966`

CIE-LAB	62.498, -44.959, 29.194
XYZ	19.204, 30.989, 16.278
xyY	0.289, 0.466, 30.989
CIE-LCH	62.498, 53.606, 147.003
CIE-LUV	62.498, -43.619, 44.73
Hunter-Lab	55.668, -35.841, 21.63
Binary	01001000, 10101010, 01100001

#48aa61
```
#48aa61 rgb(72,170,97)
```
#aa4891
```
#aa4891 rgb(170,72,145)
```

Complementary Color

#60aa48
```
#60aa48 rgb(96,170,72)
```
#48aa61
```
#48aa61 rgb(72,170,97)
```
#48aa92
```
#48aa92 rgb(72,170,146)
```

Analogous Color

#aa4860
```
#aa4860 rgb(170,72,96)
```
#48aa61
```
#48aa61 rgb(72,170,97)
```
#9248aa
```
#9248aa rgb(146,72,170)
```

Split Complementary Color

#aa6148
```
#aa6148 rgb(170,97,72)
```
#48aa61
```
#48aa61 rgb(72,170,97)
```
#6148aa
```
#6148aa rgb(97,72,170)
```

Triadic Color

#91aa48
```
#91aa48 rgb(145,170,72)
```
#48aa61
```
#48aa61 rgb(72,170,97)
```
#6148aa
```
#6148aa rgb(97,72,170)
```
#aa4891
```
#aa4891 rgb(170,72,145)
```

Tetradic Color

#317442
```
#317442 rgb(49,116,66)
```
#39864d
```
#39864d rgb(57,134,77)
```
#409857
```
#409857 rgb(64,152,87)
```
#48aa61
```
#48aa61 rgb(72,170,97)
```
#55b76e
```
#55b76e rgb(85,183,110)
```
#67be7d
```
#67be7d rgb(103,190,125)
```
#78c68c
```
#78c68c rgb(120,198,140)
```

Monochromatic Color

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

#48aa49
```
#48aa49 rgb(72,170,73)
```
#48aa51
```
#48aa51 rgb(72,170,81)
```
#48aa59
```
#48aa59 rgb(72,170,89)
```
#48aa61
```
#48aa61 rgb(72,170,97)
```
#48aa69
```
#48aa69 rgb(72,170,105)
```
#48aa71
```
#48aa71 rgb(72,170,113)
```
#48aa7a
```
#48aa7a rgb(72,170,122)
```

Similar Colors

Text with hexadecimal color #48aa61

This text has a font color of #48aa61.

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

#48aa61 background color

This paragraph has a background color of #48aa61.

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

#48aa61 border color

This element has a border color of #48aa61.

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

CSS codes

.text {color:#48aa61;}

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

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

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

#020503
```
#020503 rgb(2,5,3)
```
#08120b
```
#08120b rgb(8,18,11)
```
#0e2012
```
#0e2012 rgb(14,32,18)
```
#132e1a
```
#132e1a rgb(19,46,26)
```
#193c22
```
#193c22 rgb(25,60,34)
```
#1f4a2a
```
#1f4a2a rgb(31,74,42)
```
#255732
```
#255732 rgb(37,87,50)
```
#2b653a
```
#2b653a rgb(43,101,58)
```
#317342
```
#317342 rgb(49,115,66)
```
#368149
```
#368149 rgb(54,129,73)
```
#3c8e51
```
#3c8e51 rgb(60,142,81)
```
#429c59
```
#429c59 rgb(66,156,89)
```
#48aa61
```
#48aa61 rgb(72,170,97)
```

Shade Color Variation

#51b56a
```
#51b56a rgb(81,181,106)
```
#5ebb76
```
#5ebb76 rgb(94,187,118)
```
#6cc182
```
#6cc182 rgb(108,193,130)
```
#7ac78d
```
#7ac78d rgb(122,199,141)
```
#88cc99
```
#88cc99 rgb(136,204,153)
```
#95d2a5
```
#95d2a5 rgb(149,210,165)
```
#a3d8b1
```
#a3d8b1 rgb(163,216,177)
```
#b1debc
```
#b1debc rgb(177,222,188)
```
#bfe4c8
```
#bfe4c8 rgb(191,228,200)
```
#cdead4
```
#cdead4 rgb(205,234,212)
```
#daefe0
```
#daefe0 rgb(218,239,224)
```
#e8f5eb
```
#e8f5eb rgb(232,245,235)
```
#f6fbf7
```
#f6fbf7 rgb(246,251,247)
```

Tint Color Variation

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

#777b78
```
#777b78 rgb(119,123,120)
```
#6d8573
```
#6d8573 rgb(109,133,115)
```
#648e6f
```
#648e6f rgb(100,142,111)
```
#5b976a
```
#5b976a rgb(91,151,106)
```
#51a166
```
#51a166 rgb(81,161,102)
```
#48aa61
```
#48aa61 rgb(72,170,97)
```
#3fb35c
```
#3fb35c rgb(63,179,92)
```
#35bd58
```
#35bd58 rgb(53,189,88)
```
#2cc653
```
#2cc653 rgb(44,198,83)
```
#23cf4f
```
#23cf4f rgb(35,207,79)
```
#19d94a
```
#19d94a rgb(25,217,74)
```
#10e246
```
#10e246 rgb(16,226,70)
```
#07eb41
```
#07eb41 rgb(7,235,65)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#788c7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9c62 Protanopia 1% of men
#b89671 Deuteranopia 1% of men
#68a5b1 Tritanopia 0.001% of the population

Trichromacy

#86a162 Protanomaly 1% of men, 0.01% of women
#8f9d6b Deuteranomaly 6% of men, 0.4% of women
#5ca794 Tritanomaly 0.01% of the population