#48cb80 hex color

In a RGB color space, hex #48cb80 is composed of 28.2% red, 79.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 0% magenta, 36.9% yellow and 20.4% black. It has a hue angle of 145.6 degrees, a saturation of 55.7% and a lightness of 53.9%. #48cb80 color hex could be obtained by blending #90ffff with #009701. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 80
- B 50
RGB color chart
- C 65
- M 0
- Y 37
- K 20
CMYK color chart

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

The hexadecimal color #48cb80 has RGB values of R:72, G:203, B:128 and CMYK values of C:0.65, M:0, Y:0.37, K:0.2. Its decimal value is 4770688.

Hex triplet	48cb80	`#48cb80`
RGB Decimal	72, 203, 128	`rgb(72,203,128)`
RGB Percent	28.2, 79.6, 50.2	`rgb(28.2%,79.6%,50.2%)`
CMYK	65, 0, 37, 20
HSL	145.6°, 55.7, 53.9	`hsl(145.6,55.7%,53.9%)`
HSV (or HSB)	145.6°, 64.5, 79.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.315, -52.592, 27.173
XYZ	27.923, 45.646, 27.76
xyY	0.276, 0.45, 45.646
CIE-LCH	73.315, 59.197, 152.676
CIE-LUV	73.315, -54.807, 45.587
Hunter-Lab	67.562, -44.46, 22.932
Binary	01001000, 11001011, 10000000

#48cb80
```
#48cb80 rgb(72,203,128)
```
#cb4893
```
#cb4893 rgb(203,72,147)
```

Complementary Color

#52cb48
```
#52cb48 rgb(82,203,72)
```
#48cb80
```
#48cb80 rgb(72,203,128)
```
#48cbc2
```
#48cbc2 rgb(72,203,194)
```

Analogous Color

#cb4852
```
#cb4852 rgb(203,72,82)
```
#48cb80
```
#48cb80 rgb(72,203,128)
```
#c248cb
```
#c248cb rgb(194,72,203)
```

Split Complementary Color

#cb8048
```
#cb8048 rgb(203,128,72)
```
#48cb80
```
#48cb80 rgb(72,203,128)
```
#8048cb
```
#8048cb rgb(128,72,203)
```

Triadic Color

#93cb48
```
#93cb48 rgb(147,203,72)
```
#48cb80
```
#48cb80 rgb(72,203,128)
```
#8048cb
```
#8048cb rgb(128,72,203)
```
#cb4893
```
#cb4893 rgb(203,72,147)
```

Tetradic Color

#2c9b5b
```
#2c9b5b rgb(44,155,91)
```
#32ae67
```
#32ae67 rgb(50,174,103)
```
#37c273
```
#37c273 rgb(55,194,115)
```
#48cb80
```
#48cb80 rgb(72,203,128)
```
#5cd18e
```
#5cd18e rgb(92,209,142)
```
#70d69c
```
#70d69c rgb(112,214,156)
```
#84dca9
```
#84dca9 rgb(132,220,169)
```

Monochromatic Color

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

#48cb5f
```
#48cb5f rgb(72,203,95)
```
#48cb6a
```
#48cb6a rgb(72,203,106)
```
#48cb75
```
#48cb75 rgb(72,203,117)
```
#48cb80
```
#48cb80 rgb(72,203,128)
```
#48cb8b
```
#48cb8b rgb(72,203,139)
```
#48cb96
```
#48cb96 rgb(72,203,150)
```
#48cba1
```
#48cba1 rgb(72,203,161)
```

Similar Colors

Text with hexadecimal color #48cb80

This text has a font color of #48cb80.

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

#48cb80 background color

This paragraph has a background color of #48cb80.

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

#48cb80 border color

This element has a border color of #48cb80.

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

CSS codes

.text {color:#48cb80;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#041009
```
#041009 rgb(4,16,9)
```
#091f12
```
#091f12 rgb(9,31,18)
```
#0d2e1b
```
#0d2e1b rgb(13,46,27)
```
#113d24
```
#113d24 rgb(17,61,36)
```
#164d2d
```
#164d2d rgb(22,77,45)
```
#1a5c36
```
#1a5c36 rgb(26,92,54)
```
#1e6b3f
```
#1e6b3f rgb(30,107,63)
```
#237a48
```
#237a48 rgb(35,122,72)
```
#278a51
```
#278a51 rgb(39,138,81)
```
#2b995a
```
#2b995a rgb(43,153,90)
```
#30a863
```
#30a863 rgb(48,168,99)
```
#34b86c
```
#34b86c rgb(52,184,108)
```

Shade Color Variation

#39c775
```
#39c775 rgb(57,199,117)
```
#48cb80
```
#48cb80 rgb(72,203,128)
```
#57cf8b
```
#57cf8b rgb(87,207,139)
```
#67d495
```
#67d495 rgb(103,212,149)
```
#76d8a0
```
#76d8a0 rgb(118,216,160)
```
#85dcaa
```
#85dcaa rgb(133,220,170)
```
#94e1b5
```
#94e1b5 rgb(148,225,181)
```
#a4e5c0
```
#a4e5c0 rgb(164,229,192)
```
#b3e9ca
```
#b3e9ca rgb(179,233,202)
```
#c2eed5
```
#c2eed5 rgb(194,238,213)
```
#d1f2df
```
#d1f2df rgb(209,242,223)
```
#e1f6ea
```
#e1f6ea rgb(225,246,234)
```
#f0fbf5
```
#f0fbf5 rgb(240,251,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878c89 is the less saturated color, while #1bf879 is the most saturated one.

#878c89
```
#878c89 rgb(135,140,137)
```
#7e9588
```
#7e9588 rgb(126,149,136)
```
#759e87
```
#759e87 rgb(117,158,135)
```
#6ca785
```
#6ca785 rgb(108,167,133)
```
#63b084
```
#63b084 rgb(99,176,132)
```
#5ab983
```
#5ab983 rgb(90,185,131)
```
#51c281
```
#51c281 rgb(81,194,129)
```
#48cb80
```
#48cb80 rgb(72,203,128)
```
#3fd47f
```
#3fd47f rgb(63,212,127)
```
#36dd7d
```
#36dd7d rgb(54,221,125)
```
#2de67c
```
#2de67c rgb(45,230,124)
```
#24ef7b
```
#24ef7b rgb(36,239,123)
```
#1bf879
```
#1bf879 rgb(27,248,121)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8aa596 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b77d Protanopia 1% of men
#d6b090 Deuteranopia 1% of men
#6fc4d2 Tritanopia 0.001% of the population

Trichromacy

#98be7e Protanomaly 1% of men, 0.01% of women
#a2ba8a Deuteranomaly 6% of men, 0.4% of women
#61c6b4 Tritanomaly 0.01% of the population

#48cb80 hex color

#48cb80 Color Information

#48cb80 Color Conversion

Color Schemes with #48cb80

Alternatives to #48cb80

#48cb80 Preview

Shades and Tints of #48cb80

Tones of #48cb80

Color Blindness Simulator