#48a863 hex color

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

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

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

The hexadecimal color #48a863 has RGB values of R:72, G:168, B:99 and CMYK values of C:0.57, M:0, Y:0.41, K:0.34. Its decimal value is 4761699.

Hex triplet	48a863	`#48a863`
RGB Decimal	72, 168, 99	`rgb(72,168,99)`
RGB Percent	28.2, 65.9, 38.8	`rgb(28.2%,65.9%,38.8%)`
CMYK	57, 0, 41, 34
HSL	136.9°, 40, 47.1	`hsl(136.9,40%,47.1%)`
HSV (or HSB)	136.9°, 57.1, 65.9
Web Safe	339966	`#339966`

CIE-LAB	61.897, -43.789, 27.352
XYZ	18.926, 30.282, 16.651
xyY	0.287, 0.46, 30.282
CIE-LCH	61.897, 51.63, 148.01
CIE-LUV	61.897, -42.745, 42.373
Hunter-Lab	55.029, -34.91, 20.58
Binary	01001000, 10101000, 01100011

#48a863
```
#48a863 rgb(72,168,99)
```
#a8488d
```
#a8488d rgb(168,72,141)
```

Complementary Color

#5da848
```
#5da848 rgb(93,168,72)
```
#48a863
```
#48a863 rgb(72,168,99)
```
#48a893
```
#48a893 rgb(72,168,147)
```

Analogous Color

#a8485d
```
#a8485d rgb(168,72,93)
```
#48a863
```
#48a863 rgb(72,168,99)
```
#9348a8
```
#9348a8 rgb(147,72,168)
```

Split Complementary Color

#a86348
```
#a86348 rgb(168,99,72)
```
#48a863
```
#48a863 rgb(72,168,99)
```
#6348a8
```
#6348a8 rgb(99,72,168)
```

Triadic Color

#8da848
```
#8da848 rgb(141,168,72)
```
#48a863
```
#48a863 rgb(72,168,99)
```
#6348a8
```
#6348a8 rgb(99,72,168)
```
#a8488d
```
#a8488d rgb(168,72,141)
```

Tetradic Color

#317243
```
#317243 rgb(49,114,67)
```
#39844e
```
#39844e rgb(57,132,78)
```
#409658
```
#409658 rgb(64,150,88)
```
#48a863
```
#48a863 rgb(72,168,99)
```
#54b66f
```
#54b66f rgb(84,182,111)
```
#66bd7e
```
#66bd7e rgb(102,189,126)
```
#78c58d
```
#78c58d rgb(120,197,141)
```

Monochromatic Color

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

#48a84b
```
#48a84b rgb(72,168,75)
```
#48a853
```
#48a853 rgb(72,168,83)
```
#48a85b
```
#48a85b rgb(72,168,91)
```
#48a863
```
#48a863 rgb(72,168,99)
```
#48a86b
```
#48a86b rgb(72,168,107)
```
#48a873
```
#48a873 rgb(72,168,115)
```
#48a87b
```
#48a87b rgb(72,168,123)
```

Similar Colors

Text with hexadecimal color #48a863

This text has a font color of #48a863.

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

#48a863 background color

This paragraph has a background color of #48a863.

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

#48a863 border color

This element has a border color of #48a863.

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

CSS codes

.text {color:#48a863;}

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

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

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 #f5fbf6 is the lightest one.

#010302
```
#010302 rgb(1,3,2)
```
#07110a
```
#07110a rgb(7,17,10)
```
#0d1f12
```
#0d1f12 rgb(13,31,18)
```
#132c1a
```
#132c1a rgb(19,44,26)
```
#193a22
```
#193a22 rgb(25,58,34)
```
#1f482a
```
#1f482a rgb(31,72,42)
```
#255632
```
#255632 rgb(37,86,50)
```
#2b633b
```
#2b633b rgb(43,99,59)
```
#307143
```
#307143 rgb(48,113,67)
```
#367f4b
```
#367f4b rgb(54,127,75)
```
#3c8d53
```
#3c8d53 rgb(60,141,83)
```
#429a5b
```
#429a5b rgb(66,154,91)
```
#48a863
```
#48a863 rgb(72,168,99)
```

Shade Color Variation

#50b46c
```
#50b46c rgb(80,180,108)
```
#5dba77
```
#5dba77 rgb(93,186,119)
```
#6bc083
```
#6bc083 rgb(107,192,131)
```
#79c68e
```
#79c68e rgb(121,198,142)
```
#87cb9a
```
#87cb9a rgb(135,203,154)
```
#94d1a6
```
#94d1a6 rgb(148,209,166)
```
#a2d7b1
```
#a2d7b1 rgb(162,215,177)
```
#b0ddbd
```
#b0ddbd rgb(176,221,189)
```
#bee3c8
```
#bee3c8 rgb(190,227,200)
```
#cbe9d4
```
#cbe9d4 rgb(203,233,212)
```
#d9efdf
```
#d9efdf rgb(217,239,223)
```
#e7f5eb
```
#e7f5eb rgb(231,245,235)
```
#f5fbf6
```
#f5fbf6 rgb(245,251,246)
```

Tint Color Variation

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

#767a77
```
#767a77 rgb(118,122,119)
```
#6d8373
```
#6d8373 rgb(109,131,115)
```
#648c6f
```
#648c6f rgb(100,140,111)
```
#5a966b
```
#5a966b rgb(90,150,107)
```
#519f67
```
#519f67 rgb(81,159,103)
```
#48a863
```
#48a863 rgb(72,168,99)
```
#3fb15f
```
#3fb15f rgb(63,177,95)
```
#36ba5b
```
#36ba5b rgb(54,186,91)
```
#2cc457
```
#2cc457 rgb(44,196,87)
```
#23cd53
```
#23cd53 rgb(35,205,83)
```
#1ad64f
```
#1ad64f rgb(26,214,79)
```
#11df4b
```
#11df4b rgb(17,223,75)
```
#07e947
```
#07e947 rgb(7,233,71)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#778a7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89a64 Protanopia 1% of men
#b69473 Deuteranopia 1% of men
#67a4b0 Tritanopia 0.001% of the population

Trichromacy

#859f63 Protanomaly 1% of men, 0.01% of women
#8e9b6d Deuteranomaly 6% of men, 0.4% of women
#5ca594 Tritanomaly 0.01% of the population

#48a863 hex color

#48a863 Color Information

#48a863 Color Conversion

Color Schemes with #48a863

Alternatives to #48a863

#48a863 Preview

Shades and Tints of #48a863

Tones of #48a863

Color Blindness Simulator