#48bc78 hex color

In a RGB color space, hex #48bc78 is composed of 28.2% red, 73.7% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 0% magenta, 36.2% yellow and 26.3% black. It has a hue angle of 144.8 degrees, a saturation of 46.4% and a lightness of 51%. #48bc78 color hex could be obtained by blending #90fff0 with #007900. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 28
- G 74
- B 47
RGB color chart
- C 62
- M 0
- Y 36
- K 26
CMYK color chart

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

The hexadecimal color #48bc78 has RGB values of R:72, G:188, B:120 and CMYK values of C:0.62, M:0, Y:0.36, K:0.26. Its decimal value is 4766840.

Hex triplet	48bc78	`#48bc78`
RGB Decimal	72, 188, 120	`rgb(72,188,120)`
RGB Percent	28.2, 73.7, 47.1	`rgb(28.2%,73.7%,47.1%)`
CMYK	62, 0, 36, 26
HSL	144.8°, 46.4, 51	`hsl(144.8,46.4%,51%)`
HSV (or HSB)	144.8°, 61.7, 73.7
Web Safe	33cc66	`#33cc66`

CIE-LAB	68.532, -48.139, 24.981
XYZ	24.044, 38.698, 23.971
xyY	0.277, 0.446, 38.698
CIE-LCH	68.532, 54.235, 152.573
CIE-LUV	68.532, -49.585, 41.472
Hunter-Lab	62.208, -39.871, 20.699
Binary	01001000, 10111100, 01111000

#48bc78
```
#48bc78 rgb(72,188,120)
```
#bc488c
```
#bc488c rgb(188,72,140)
```

Complementary Color

#52bc48
```
#52bc48 rgb(82,188,72)
```
#48bc78
```
#48bc78 rgb(72,188,120)
```
#48bcb2
```
#48bcb2 rgb(72,188,178)
```

Analogous Color

#bc4852
```
#bc4852 rgb(188,72,82)
```
#48bc78
```
#48bc78 rgb(72,188,120)
```
#b248bc
```
#b248bc rgb(178,72,188)
```

Split Complementary Color

#bc7848
```
#bc7848 rgb(188,120,72)
```
#48bc78
```
#48bc78 rgb(72,188,120)
```
#7848bc
```
#7848bc rgb(120,72,188)
```

Triadic Color

#8cbc48
```
#8cbc48 rgb(140,188,72)
```
#48bc78
```
#48bc78 rgb(72,188,120)
```
#7848bc
```
#7848bc rgb(120,72,188)
```
#bc488c
```
#bc488c rgb(188,72,140)
```

Tetradic Color

#318654
```
#318654 rgb(49,134,84)
```
#389960
```
#389960 rgb(56,153,96)
```
#3fac6c
```
#3fac6c rgb(63,172,108)
```
#48bc78
```
#48bc78 rgb(72,188,120)
```
#5bc386
```
#5bc386 rgb(91,195,134)
```
#6dca94
```
#6dca94 rgb(109,202,148)
```
#80d1a1
```
#80d1a1 rgb(128,209,161)
```

Monochromatic Color

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

#48bc5b
```
#48bc5b rgb(72,188,91)
```
#48bc65
```
#48bc65 rgb(72,188,101)
```
#48bc6e
```
#48bc6e rgb(72,188,110)
```
#48bc78
```
#48bc78 rgb(72,188,120)
```
#48bc82
```
#48bc82 rgb(72,188,130)
```
#48bc8b
```
#48bc8b rgb(72,188,139)
```
#48bc95
```
#48bc95 rgb(72,188,149)
```

Similar Colors

Text with hexadecimal color #48bc78

This text has a font color of #48bc78.

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

#48bc78 background color

This paragraph has a background color of #48bc78.

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

#48bc78 border color

This element has a border color of #48bc78.

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

CSS codes

.text {color:#48bc78;}

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

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

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

#010402
```
#010402 rgb(1,4,2)
```
#07120b
```
#07120b rgb(7,18,11)
```
#0c2014
```
#0c2014 rgb(12,32,20)
```
#112f1d
```
#112f1d rgb(17,47,29)
```
#163d26
```
#163d26 rgb(22,61,38)
```
#1c4b2f
```
#1c4b2f rgb(28,75,47)
```
#215a38
```
#215a38 rgb(33,90,56)
```
#266841
```
#266841 rgb(38,104,65)
```
#2b774a
```
#2b774a rgb(43,119,74)
```
#318554
```
#318554 rgb(49,133,84)
```
#36935d
```
#36935d rgb(54,147,93)
```
#3ba266
```
#3ba266 rgb(59,162,102)
```
#40b06f
```
#40b06f rgb(64,176,111)
```

Shade Color Variation

#48bc78
```
#48bc78 rgb(72,188,120)
```
#56c183
```
#56c183 rgb(86,193,131)
```
#65c78d
```
#65c78d rgb(101,199,141)
```
#73cc98
```
#73cc98 rgb(115,204,152)
```
#81d1a2
```
#81d1a2 rgb(129,209,162)
```
#90d6ad
```
#90d6ad rgb(144,214,173)
```
#9edcb8
```
#9edcb8 rgb(158,220,184)
```
#ade1c2
```
#ade1c2 rgb(173,225,194)
```
#bbe6cd
```
#bbe6cd rgb(187,230,205)
```
#c9ebd7
```
#c9ebd7 rgb(201,235,215)
```
#d8f1e2
```
#d8f1e2 rgb(216,241,226)
```
#e6f6ed
```
#e6f6ed rgb(230,246,237)
```
#f4fbf7
```
#f4fbf7 rgb(244,251,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828282 is the less saturated color, while #0ef66e is the most saturated one.

#828282
```
#828282 rgb(130,130,130)
```
#788c80
```
#788c80 rgb(120,140,128)
```
#6e967f
```
#6e967f rgb(110,150,127)
```
#659f7d
```
#659f7d rgb(101,159,125)
```
#5ba97b
```
#5ba97b rgb(91,169,123)
```
#52b27a
```
#52b27a rgb(82,178,122)
```
#48bc78
```
#48bc78 rgb(72,188,120)
```
#3ec676
```
#3ec676 rgb(62,198,118)
```
#35cf75
```
#35cf75 rgb(53,207,117)
```
#2bd973
```
#2bd973 rgb(43,217,115)
```
#22e271
```
#22e271 rgb(34,226,113)
```
#18ec70
```
#18ec70 rgb(24,236,112)
```
#0ef66e
```
#0ef66e rgb(14,246,110)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#839a8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9ab77 Protanopia 1% of men
#c7a587 Deuteranopia 1% of men
#6bb6c4 Tritanopia 0.001% of the population

Trichromacy

#90b177 Protanomaly 1% of men, 0.01% of women
#99ad82 Deuteranomaly 6% of men, 0.4% of women
#5eb8a8 Tritanomaly 0.01% of the population

#48bc78 hex color

#48bc78 Color Information

#48bc78 Color Conversion

Color Schemes with #48bc78

Alternatives to #48bc78

#48bc78 Preview

Shades and Tints of #48bc78

Tones of #48bc78

Color Blindness Simulator