#48bc7a hex color

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

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

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

The hexadecimal color #48bc7a has RGB values of R:72, G:188, B:122 and CMYK values of C:0.62, M:0, Y:0.35, K:0.26. Its decimal value is 4766842.

Hex triplet	48bc7a	`#48bc7a`
RGB Decimal	72, 188, 122	`rgb(72,188,122)`
RGB Percent	28.2, 73.7, 47.8	`rgb(28.2%,73.7%,47.8%)`
CMYK	62, 0, 35, 26
HSL	145.9°, 46.4, 51	`hsl(145.9,46.4%,51%)`
HSV (or HSB)	145.9°, 61.7, 73.7
Web Safe	33cc66	`#33cc66`

CIE-LAB	68.568, -47.756, 23.968
XYZ	24.167, 38.747, 24.617
xyY	0.276, 0.443, 38.747
CIE-LCH	68.568, 53.433, 153.349
CIE-LUV	68.568, -49.489, 40.183
Hunter-Lab	62.247, -39.632, 20.126
Binary	01001000, 10111100, 01111010

#48bc7a
```
#48bc7a rgb(72,188,122)
```
#bc488a
```
#bc488a rgb(188,72,138)
```

Complementary Color

#50bc48
```
#50bc48 rgb(80,188,72)
```
#48bc7a
```
#48bc7a rgb(72,188,122)
```
#48bcb4
```
#48bcb4 rgb(72,188,180)
```

Analogous Color

#bc4850
```
#bc4850 rgb(188,72,80)
```
#48bc7a
```
#48bc7a rgb(72,188,122)
```
#b448bc
```
#b448bc rgb(180,72,188)
```

Split Complementary Color

#bc7a48
```
#bc7a48 rgb(188,122,72)
```
#48bc7a
```
#48bc7a rgb(72,188,122)
```
#7a48bc
```
#7a48bc rgb(122,72,188)
```

Triadic Color

#8abc48
```
#8abc48 rgb(138,188,72)
```
#48bc7a
```
#48bc7a rgb(72,188,122)
```
#7a48bc
```
#7a48bc rgb(122,72,188)
```
#bc488a
```
#bc488a rgb(188,72,138)
```

Tetradic Color

#318656
```
#318656 rgb(49,134,86)
```
#389962
```
#389962 rgb(56,153,98)
```
#3fac6e
```
#3fac6e rgb(63,172,110)
```
#48bc7a
```
#48bc7a rgb(72,188,122)
```
#5bc388
```
#5bc388 rgb(91,195,136)
```
#6dca95
```
#6dca95 rgb(109,202,149)
```
#80d1a3
```
#80d1a3 rgb(128,209,163)
```

Monochromatic Color

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

#48bc5d
```
#48bc5d rgb(72,188,93)
```
#48bc67
```
#48bc67 rgb(72,188,103)
```
#48bc70
```
#48bc70 rgb(72,188,112)
```
#48bc7a
```
#48bc7a rgb(72,188,122)
```
#48bc84
```
#48bc84 rgb(72,188,132)
```
#48bc8d
```
#48bc8d rgb(72,188,141)
```
#48bc97
```
#48bc97 rgb(72,188,151)
```

Similar Colors

Text with hexadecimal color #48bc7a

This text has a font color of #48bc7a.

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

#48bc7a background color

This paragraph has a background color of #48bc7a.

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

#48bc7a border color

This element has a border color of #48bc7a.

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

CSS codes

.text {color:#48bc7a;}

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

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

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)
```
#07120c
```
#07120c rgb(7,18,12)
```
#0c2015
```
#0c2015 rgb(12,32,21)
```
#112f1e
```
#112f1e rgb(17,47,30)
```
#163d27
```
#163d27 rgb(22,61,39)
```
#1c4b30
```
#1c4b30 rgb(28,75,48)
```
#215a39
```
#215a39 rgb(33,90,57)
```
#266843
```
#266843 rgb(38,104,67)
```
#2b774c
```
#2b774c rgb(43,119,76)
```
#318555
```
#318555 rgb(49,133,85)
```
#36935e
```
#36935e rgb(54,147,94)
```
#3ba267
```
#3ba267 rgb(59,162,103)
```
#40b071
```
#40b071 rgb(64,176,113)
```

Shade Color Variation

#48bc7a
```
#48bc7a rgb(72,188,122)
```
#56c184
```
#56c184 rgb(86,193,132)
```
#65c78f
```
#65c78f rgb(101,199,143)
```
#73cc99
```
#73cc99 rgb(115,204,153)
```
#81d1a4
```
#81d1a4 rgb(129,209,164)
```
#90d6ae
```
#90d6ae rgb(144,214,174)
```
#9edcb9
```
#9edcb9 rgb(158,220,185)
```
#ade1c3
```
#ade1c3 rgb(173,225,195)
```
#bbe6cd
```
#bbe6cd rgb(187,230,205)
```
#c9ebd8
```
#c9ebd8 rgb(201,235,216)
```
#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 #0ef672 is the most saturated one.

#828282
```
#828282 rgb(130,130,130)
```
#788c81
```
#788c81 rgb(120,140,129)
```
#6e967f
```
#6e967f rgb(110,150,127)
```
#659f7e
```
#659f7e rgb(101,159,126)
```
#5ba97d
```
#5ba97d rgb(91,169,125)
```
#52b27b
```
#52b27b rgb(82,178,123)
```
#48bc7a
```
#48bc7a rgb(72,188,122)
```
#3ec679
```
#3ec679 rgb(62,198,121)
```
#35cf77
```
#35cf77 rgb(53,207,119)
```
#2bd976
```
#2bd976 rgb(43,217,118)
```
#22e275
```
#22e275 rgb(34,226,117)
```
#18ec73
```
#18ec73 rgb(24,236,115)
```
#0ef672
```
#0ef672 rgb(14,246,114)
```

Tone Color Variation

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

#b9ab78 Protanopia 1% of men
#c7a589 Deuteranopia 1% of men
#6bb6c4 Tritanopia 0.001% of the population

Trichromacy

#90b179 Protanomaly 1% of men, 0.01% of women
#99ad84 Deuteranomaly 6% of men, 0.4% of women
#5eb8a9 Tritanomaly 0.01% of the population

#48bc7a hex color

#48bc7a Color Information

#48bc7a Color Conversion

Color Schemes with #48bc7a

Alternatives to #48bc7a

#48bc7a Preview

Shades and Tints of #48bc7a

Tones of #48bc7a

Color Blindness Simulator