#48a86c hex color

In a RGB color space, hex #48a86c is composed of 28.2% red, 65.9% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 0% magenta, 35.7% yellow and 34.1% black. It has a hue angle of 142.5 degrees, a saturation of 40% and a lightness of 47.1%. #48a86c color hex could be obtained by blending #90ffd8 with #005100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 28
- G 66
- B 42
RGB color chart
- C 57
- M 0
- Y 36
- K 34
CMYK color chart

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

The hexadecimal color #48a86c has RGB values of R:72, G:168, B:108 and CMYK values of C:0.57, M:0, Y:0.36, K:0.34. Its decimal value is 4761708.

Hex triplet	48a86c	`#48a86c`
RGB Decimal	72, 168, 108	`rgb(72,168,108)`
RGB Percent	28.2, 65.9, 42.4	`rgb(28.2%,65.9%,42.4%)`
CMYK	57, 0, 36, 34
HSL	142.5°, 40, 47.1	`hsl(142.5,40%,47.1%)`
HSV (or HSB)	142.5°, 57.1, 65.9
Web Safe	339966	`#339966`

CIE-LAB	62.053, -42.141, 22.723
XYZ	19.381, 30.464, 19.045
xyY	0.281, 0.442, 30.464
CIE-LCH	62.053, 47.877, 151.666
CIE-LUV	62.053, -42.371, 36.79
Hunter-Lab	55.194, -33.913, 18.177
Binary	01001000, 10101000, 01101100

#48a86c
```
#48a86c rgb(72,168,108)
```
#a84884
```
#a84884 rgb(168,72,132)
```

Complementary Color

#54a848
```
#54a848 rgb(84,168,72)
```
#48a86c
```
#48a86c rgb(72,168,108)
```
#48a89c
```
#48a89c rgb(72,168,156)
```

Analogous Color

#a84854
```
#a84854 rgb(168,72,84)
```
#48a86c
```
#48a86c rgb(72,168,108)
```
#9c48a8
```
#9c48a8 rgb(156,72,168)
```

Split Complementary Color

#a86c48
```
#a86c48 rgb(168,108,72)
```
#48a86c
```
#48a86c rgb(72,168,108)
```
#6c48a8
```
#6c48a8 rgb(108,72,168)
```

Triadic Color

#84a848
```
#84a848 rgb(132,168,72)
```
#48a86c
```
#48a86c rgb(72,168,108)
```
#6c48a8
```
#6c48a8 rgb(108,72,168)
```
#a84884
```
#a84884 rgb(168,72,132)
```

Tetradic Color

#31724a
```
#31724a rgb(49,114,74)
```
#398455
```
#398455 rgb(57,132,85)
```
#409661
```
#409661 rgb(64,150,97)
```
#48a86c
```
#48a86c rgb(72,168,108)
```
#54b679
```
#54b679 rgb(84,182,121)
```
#66bd87
```
#66bd87 rgb(102,189,135)
```
#78c595
```
#78c595 rgb(120,197,149)
```

Monochromatic Color

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

#48a854
```
#48a854 rgb(72,168,84)
```
#48a85c
```
#48a85c rgb(72,168,92)
```
#48a864
```
#48a864 rgb(72,168,100)
```
#48a86c
```
#48a86c rgb(72,168,108)
```
#48a874
```
#48a874 rgb(72,168,116)
```
#48a87c
```
#48a87c rgb(72,168,124)
```
#48a884
```
#48a884 rgb(72,168,132)
```

Similar Colors

Text with hexadecimal color #48a86c

This text has a font color of #48a86c.

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

#48a86c background color

This paragraph has a background color of #48a86c.

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

#48a86c border color

This element has a border color of #48a86c.

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

CSS codes

.text {color:#48a86c;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#07110b
```
#07110b rgb(7,17,11)
```
#0d1f14
```
#0d1f14 rgb(13,31,20)
```
#132c1d
```
#132c1d rgb(19,44,29)
```
#193a25
```
#193a25 rgb(25,58,37)
```
#1f482e
```
#1f482e rgb(31,72,46)
```
#255637
```
#255637 rgb(37,86,55)
```
#2b6340
```
#2b6340 rgb(43,99,64)
```
#307149
```
#307149 rgb(48,113,73)
```
#367f52
```
#367f52 rgb(54,127,82)
```
#3c8d5a
```
#3c8d5a rgb(60,141,90)
```
#429a63
```
#429a63 rgb(66,154,99)
```
#48a86c
```
#48a86c rgb(72,168,108)
```

Shade Color Variation

#50b475
```
#50b475 rgb(80,180,117)
```
#5dba80
```
#5dba80 rgb(93,186,128)
```
#6bc08b
```
#6bc08b rgb(107,192,139)
```
#79c696
```
#79c696 rgb(121,198,150)
```
#87cba0
```
#87cba0 rgb(135,203,160)
```
#94d1ab
```
#94d1ab rgb(148,209,171)
```
#a2d7b6
```
#a2d7b6 rgb(162,215,182)
```
#b0ddc1
```
#b0ddc1 rgb(176,221,193)
```
#bee3cc
```
#bee3cc rgb(190,227,204)
```
#cbe9d6
```
#cbe9d6 rgb(203,233,214)
```
#d9efe1
```
#d9efe1 rgb(217,239,225)
```
#e7f5ec
```
#e7f5ec rgb(231,245,236)
```
#f5fbf7
```
#f5fbf7 rgb(245,251,247)
```

Tint Color Variation

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

#767a78
```
#767a78 rgb(118,122,120)
```
#6d8375
```
#6d8375 rgb(109,131,117)
```
#648c73
```
#648c73 rgb(100,140,115)
```
#5a9671
```
#5a9671 rgb(90,150,113)
```
#519f6e
```
#519f6e rgb(81,159,110)
```
#48a86c
```
#48a86c rgb(72,168,108)
```
#3fb16a
```
#3fb16a rgb(63,177,106)
```
#36ba67
```
#36ba67 rgb(54,186,103)
```
#2cc465
```
#2cc465 rgb(44,196,101)
```
#23cd63
```
#23cd63 rgb(35,205,99)
```
#1ad660
```
#1ad660 rgb(26,214,96)
```
#11df5e
```
#11df5e rgb(17,223,94)
```
#07e95c
```
#07e95c rgb(7,233,92)
```

Tone Color Variation

Below, you can see how #48a86c 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
#788b7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79b6c Protanopia 1% of men
#b4957b Deuteranopia 1% of men
#66a4b0 Tritanopia 0.001% of the population

Trichromacy

#849f6c Protanomaly 1% of men, 0.01% of women
#8d9c75 Deuteranomaly 6% of men, 0.4% of women
#5ba597 Tritanomaly 0.01% of the population

#48a86c hex color

#48a86c Color Information

#48a86c Color Conversion

Color Schemes with #48a86c

Alternatives to #48a86c

#48a86c Preview

Shades and Tints of #48a86c

Tones of #48a86c

Color Blindness Simulator