#48c48a hex color

In a RGB color space, hex #48c48a is composed of 28.2% red, 76.9% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 0% magenta, 29.6% yellow and 23.1% black. It has a hue angle of 151.9 degrees, a saturation of 51.2% and a lightness of 52.5%. #48c48a color hex could be obtained by blending #90ffff with #008915. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 77
- B 54
RGB color chart
- C 63
- M 0
- Y 30
- K 23
CMYK color chart

● #48c48a color description : Moderate cyan - lime green.

The hexadecimal color #48c48a has RGB values of R:72, G:196, B:138 and CMYK values of C:0.63, M:0, Y:0.3, K:0.23. Its decimal value is 4768906.

Hex triplet	48c48a	`#48c48a`
RGB Decimal	72, 196, 138	`rgb(72,196,138)`
RGB Percent	28.2, 76.9, 54.1	`rgb(28.2%,76.9%,54.1%)`
CMYK	63, 0, 30, 23
HSL	151.9°, 51.2, 52.5	`hsl(151.9,51.2%,52.5%)`
HSV (or HSB)	151.9°, 63.3, 76.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.344, -47.808, 19.219
XYZ	26.998, 42.69, 30.861
xyY	0.269, 0.425, 42.69
CIE-LCH	71.344, 51.527, 158.1
CIE-LUV	71.344, -51.691, 34.549
Hunter-Lab	65.338, -40.584, 17.732
Binary	01001000, 11000100, 10001010

#48c48a
```
#48c48a rgb(72,196,138)
```
#c44882
```
#c44882 rgb(196,72,130)
```

Complementary Color

#48c44c
```
#48c44c rgb(72,196,76)
```
#48c48a
```
#48c48a rgb(72,196,138)
```
#48c0c4
```
#48c0c4 rgb(72,192,196)
```

Analogous Color

#c44c48
```
#c44c48 rgb(196,76,72)
```
#48c48a
```
#48c48a rgb(72,196,138)
```
#c448c0
```
#c448c0 rgb(196,72,192)
```

Split Complementary Color

#c48a48
```
#c48a48 rgb(196,138,72)
```
#48c48a
```
#48c48a rgb(72,196,138)
```
#8a48c4
```
#8a48c4 rgb(138,72,196)
```

Triadic Color

#82c448
```
#82c448 rgb(130,196,72)
```
#48c48a
```
#48c48a rgb(72,196,138)
```
#8a48c4
```
#8a48c4 rgb(138,72,196)
```
#c44882
```
#c44882 rgb(196,72,130)
```

Tetradic Color

#2f9163
```
#2f9163 rgb(47,145,99)
```
#35a470
```
#35a470 rgb(53,164,112)
```
#3bb77d
```
#3bb77d rgb(59,183,125)
```
#48c48a
```
#48c48a rgb(72,196,138)
```
#5bca96
```
#5bca96 rgb(91,202,150)
```
#6fd0a3
```
#6fd0a3 rgb(111,208,163)
```
#82d7af
```
#82d7af rgb(130,215,175)
```

Monochromatic Color

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

#48c46b
```
#48c46b rgb(72,196,107)
```
#48c475
```
#48c475 rgb(72,196,117)
```
#48c480
```
#48c480 rgb(72,196,128)
```
#48c48a
```
#48c48a rgb(72,196,138)
```
#48c494
```
#48c494 rgb(72,196,148)
```
#48c49f
```
#48c49f rgb(72,196,159)
```
#48c4a9
```
#48c4a9 rgb(72,196,169)
```

Similar Colors

Text with hexadecimal color #48c48a

This text has a font color of #48c48a.

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

#48c48a background color

This paragraph has a background color of #48c48a.

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

#48c48a border color

This element has a border color of #48c48a.

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

CSS codes

.text {color:#48c48a;}

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

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

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, #030a07 is the darkest color, while #fafdfc is the lightest one.

#030a07
```
#030a07 rgb(3,10,7)
```
#081911
```
#081911 rgb(8,25,17)
```
#0d271b
```
#0d271b rgb(13,39,27)
```
#123625
```
#123625 rgb(18,54,37)
```
#16452f
```
#16452f rgb(22,69,47)
```
#1b5439
```
#1b5439 rgb(27,84,57)
```
#206344
```
#206344 rgb(32,99,68)
```
#25724e
```
#25724e rgb(37,114,78)
```
#298058
```
#298058 rgb(41,128,88)
```
#2e8f62
```
#2e8f62 rgb(46,143,98)
```
#339e6c
```
#339e6c rgb(51,158,108)
```
#38ad76
```
#38ad76 rgb(56,173,118)
```
#3dbc80
```
#3dbc80 rgb(61,188,128)
```

Shade Color Variation

#48c48a
```
#48c48a rgb(72,196,138)
```
#57c993
```
#57c993 rgb(87,201,147)
```
#66ce9d
```
#66ce9d rgb(102,206,157)
```
#74d2a6
```
#74d2a6 rgb(116,210,166)
```
#83d7b0
```
#83d7b0 rgb(131,215,176)
```
#92dcb9
```
#92dcb9 rgb(146,220,185)
```
#a1e1c3
```
#a1e1c3 rgb(161,225,195)
```
#b0e5cc
```
#b0e5cc rgb(176,229,204)
```
#bfead6
```
#bfead6 rgb(191,234,214)
```
#cdefdf
```
#cdefdf rgb(205,239,223)
```
#dcf4e9
```
#dcf4e9 rgb(220,244,233)
```
#ebf9f2
```
#ebf9f2 rgb(235,249,242)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#808c86
```
#808c86 rgb(128,140,134)
```
#779587
```
#779587 rgb(119,149,135)
```
#6d9f88
```
#6d9f88 rgb(109,159,136)
```
#64a888
```
#64a888 rgb(100,168,136)
```
#5bb189
```
#5bb189 rgb(91,177,137)
```
#51bb89
```
#51bb89 rgb(81,187,137)
```
#48c48a
```
#48c48a rgb(72,196,138)
```
#3fcd8b
```
#3fcd8b rgb(63,205,139)
```
#35d78b
```
#35d78b rgb(53,215,139)
```
#2ce08c
```
#2ce08c rgb(44,224,140)
```
#23e98c
```
#23e98c rgb(35,233,140)
```
#19f38d
```
#19f38d rgb(25,243,141)
```
#10fc8e
```
#10fc8e rgb(16,252,142)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#88a195 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb287 Protanopia 1% of men
#ccac99 Deuteranopia 1% of men
#6abfcc Tritanopia 0.001% of the population

Trichromacy

#93b888 Protanomaly 1% of men, 0.01% of women
#9cb593 Deuteranomaly 6% of men, 0.4% of women
#5ec0b4 Tritanomaly 0.01% of the population

#48c48a hex color

#48c48a Color Information

#48c48a Color Conversion

Color Schemes with #48c48a

Alternatives to #48c48a

#48c48a Preview

Shades and Tints of #48c48a

Tones of #48c48a

Color Blindness Simulator