#48d987 hex color

In a RGB color space, hex #48d987 is composed of 28.2% red, 85.1% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 0% magenta, 37.8% yellow and 14.9% black. It has a hue angle of 146.1 degrees, a saturation of 65.6% and a lightness of 56.7%. #48d987 color hex could be obtained by blending #90ffff with #00b30f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 85
- B 53
RGB color chart
- C 67
- M 0
- Y 38
- K 15
CMYK color chart

● #48d987 color description : Soft cyan - lime green.

The hexadecimal color #48d987 has RGB values of R:72, G:217, B:135 and CMYK values of C:0.67, M:0, Y:0.38, K:0.15. Its decimal value is 4774279.

Hex triplet	48d987	`#48d987`
RGB Decimal	72, 217, 135	`rgb(72,217,135)`
RGB Percent	28.2, 85.1, 52.9	`rgb(28.2%,85.1%,52.9%)`
CMYK	67, 0, 38, 15
HSL	146.1°, 65.6, 56.7	`hsl(146.1,65.6%,56.7%)`
HSV (or HSB)	146.1°, 66.8, 85.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	77.727, -56.682, 29.43
XYZ	31.856, 52.75, 31.423
xyY	0.275, 0.455, 52.75
CIE-LCH	77.727, 63.867, 152.561
CIE-LUV	77.727, -59.553, 49.686
Hunter-Lab	72.629, -48.808, 25.188
Binary	01001000, 11011001, 10000111

#48d987
```
#48d987 rgb(72,217,135)
```
#d9489a
```
#d9489a rgb(217,72,154)
```

Complementary Color

#52d948
```
#52d948 rgb(82,217,72)
```
#48d987
```
#48d987 rgb(72,217,135)
```
#48d9d0
```
#48d9d0 rgb(72,217,208)
```

Analogous Color

#d94852
```
#d94852 rgb(217,72,82)
```
#48d987
```
#48d987 rgb(72,217,135)
```
#d048d9
```
#d048d9 rgb(208,72,217)
```

Split Complementary Color

#d98748
```
#d98748 rgb(217,135,72)
```
#48d987
```
#48d987 rgb(72,217,135)
```
#8748d9
```
#8748d9 rgb(135,72,217)
```

Triadic Color

#9ad948
```
#9ad948 rgb(154,217,72)
```
#48d987
```
#48d987 rgb(72,217,135)
```
#8748d9
```
#8748d9 rgb(135,72,217)
```
#d9489a
```
#d9489a rgb(217,72,154)
```

Tetradic Color

#25b061
```
#25b061 rgb(37,176,97)
```
#29c56d
```
#29c56d rgb(41,197,109)
```
#33d579
```
#33d579 rgb(51,213,121)
```
#48d987
```
#48d987 rgb(72,217,135)
```
#5ddd95
```
#5ddd95 rgb(93,221,149)
```
#72e2a3
```
#72e2a3 rgb(114,226,163)
```
#87e6b1
```
#87e6b1 rgb(135,230,177)
```

Monochromatic Color

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

#48d963
```
#48d963 rgb(72,217,99)
```
#48d96f
```
#48d96f rgb(72,217,111)
```
#48d97b
```
#48d97b rgb(72,217,123)
```
#48d987
```
#48d987 rgb(72,217,135)
```
#48d993
```
#48d993 rgb(72,217,147)
```
#48d99f
```
#48d99f rgb(72,217,159)
```
#48d9ab
```
#48d9ab rgb(72,217,171)
```

Similar Colors

Text with hexadecimal color #48d987

This text has a font color of #48d987.

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

#48d987 background color

This paragraph has a background color of #48d987.

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

#48d987 border color

This element has a border color of #48d987.

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

CSS codes

.text {color:#48d987;}

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

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

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, #020c07 is the darkest color, while #fbfefc is the lightest one.

#020c07
```
#020c07 rgb(2,12,7)
```
#061c10
```
#061c10 rgb(6,28,16)
```
#092c19
```
#092c19 rgb(9,44,25)
```
#0d3d21
```
#0d3d21 rgb(13,61,33)
```
#104d2a
```
#104d2a rgb(16,77,42)
```
#135d33
```
#135d33 rgb(19,93,51)
```
#176d3c
```
#176d3c rgb(23,109,60)
```
#1a7e45
```
#1a7e45 rgb(26,126,69)
```
#1d8e4e
```
#1d8e4e rgb(29,142,78)
```
#219e57
```
#219e57 rgb(33,158,87)
```
#24ae60
```
#24ae60 rgb(36,174,96)
```
#28bf69
```
#28bf69 rgb(40,191,105)
```
#2bcf72
```
#2bcf72 rgb(43,207,114)
```

Shade Color Variation

#38d67c
```
#38d67c rgb(56,214,124)
```
#48d987
```
#48d987 rgb(72,217,135)
```
#58dc92
```
#58dc92 rgb(88,220,146)
```
#68e09c
```
#68e09c rgb(104,224,156)
```
#79e3a7
```
#79e3a7 rgb(121,227,167)
```
#89e6b2
```
#89e6b2 rgb(137,230,178)
```
#99eabc
```
#99eabc rgb(153,234,188)
```
#a9edc7
```
#a9edc7 rgb(169,237,199)
```
#baf1d2
```
#baf1d2 rgb(186,241,210)
```
#caf4dc
```
#caf4dc rgb(202,244,220)
```
#daf7e7
```
#daf7e7 rgb(218,247,231)
```
#eafbf2
```
#eafbf2 rgb(234,251,242)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c9590 is the less saturated color, while #26fb83 is the most saturated one.

#8c9590
```
#8c9590 rgb(140,149,144)
```
#849e8f
```
#849e8f rgb(132,158,143)
```
#7ba68e
```
#7ba68e rgb(123,166,142)
```
#73af8d
```
#73af8d rgb(115,175,141)
```
#6ab78b
```
#6ab78b rgb(106,183,139)
```
#62c08a
```
#62c08a rgb(98,192,138)
```
#59c889
```
#59c889 rgb(89,200,137)
```
#51d188
```
#51d188 rgb(81,209,136)
```
#48d987
```
#48d987 rgb(72,217,135)
```
#40e286
```
#40e286 rgb(64,226,134)
```
#37ea85
```
#37ea85 rgb(55,234,133)
```
#2ff384
```
#2ff384 rgb(47,243,132)
```
#26fb83
```
#26fb83 rgb(38,251,131)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#92af9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c384 Protanopia 1% of men
#e4bb97 Deuteranopia 1% of men
#73d0df Tritanopia 0.001% of the population

Trichromacy

#a0cb85 Protanomaly 1% of men, 0.01% of women
#abc691 Deuteranomaly 6% of men, 0.4% of women
#63d3bf Tritanomaly 0.01% of the population

#48d987 hex color

#48d987 Color Information

#48d987 Color Conversion

Color Schemes with #48d987

Alternatives to #48d987

#48d987 Preview

Shades and Tints of #48d987

Tones of #48d987

Color Blindness Simulator