#48b881 hex color

In a RGB color space, hex #48b881 is composed of 28.2% red, 72.2% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 0% magenta, 29.9% yellow and 27.8% black. It has a hue angle of 150.5 degrees, a saturation of 44.1% and a lightness of 50.2%. #48b881 color hex could be obtained by blending #90ffff with #007103. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 72
- B 51
RGB color chart
- C 61
- M 0
- Y 30
- K 28
CMYK color chart

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

The hexadecimal color #48b881 has RGB values of R:72, G:184, B:129 and CMYK values of C:0.61, M:0, Y:0.3, K:0.28. Its decimal value is 4765825.

Hex triplet	48b881	`#48b881`
RGB Decimal	72, 184, 129	`rgb(72,184,129)`
RGB Percent	28.2, 72.2, 50.6	`rgb(28.2%,72.2%,50.6%)`
CMYK	61, 0, 30, 28
HSL	150.5°, 44.1, 50.2	`hsl(150.5,44.1%,50.2%)`
HSV (or HSB)	150.5°, 60.9, 72.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.458, -44.699, 18.705
XYZ	23.774, 37.242, 26.703
xyY	0.271, 0.425, 37.242
CIE-LCH	67.458, 48.455, 157.293
CIE-LUV	67.458, -47.62, 32.958
Hunter-Lab	61.026, -37.258, 16.775
Binary	01001000, 10111000, 10000001

#48b881
```
#48b881 rgb(72,184,129)
```
#b8487f
```
#b8487f rgb(184,72,127)
```

Complementary Color

#48b849
```
#48b849 rgb(72,184,73)
```
#48b881
```
#48b881 rgb(72,184,129)
```
#48b7b8
```
#48b7b8 rgb(72,183,184)
```

Analogous Color

#b84948
```
#b84948 rgb(184,73,72)
```
#48b881
```
#48b881 rgb(72,184,129)
```
#b848b7
```
#b848b7 rgb(184,72,183)
```

Split Complementary Color

#b88148
```
#b88148 rgb(184,129,72)
```
#48b881
```
#48b881 rgb(72,184,129)
```
#8148b8
```
#8148b8 rgb(129,72,184)
```

Triadic Color

#7fb848
```
#7fb848 rgb(127,184,72)
```
#48b881
```
#48b881 rgb(72,184,129)
```
#8148b8
```
#8148b8 rgb(129,72,184)
```
#b8487f
```
#b8487f rgb(184,72,127)
```

Tetradic Color

#32815a
```
#32815a rgb(50,129,90)
```
#399467
```
#399467 rgb(57,148,103)
```
#40a674
```
#40a674 rgb(64,166,116)
```
#48b881
```
#48b881 rgb(72,184,129)
```
#5abf8e
```
#5abf8e rgb(90,191,142)
```
#6dc69a
```
#6dc69a rgb(109,198,154)
```
#7fcda7
```
#7fcda7 rgb(127,205,167)
```

Monochromatic Color

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

#48b865
```
#48b865 rgb(72,184,101)
```
#48b86e
```
#48b86e rgb(72,184,110)
```
#48b878
```
#48b878 rgb(72,184,120)
```
#48b881
```
#48b881 rgb(72,184,129)
```
#48b88a
```
#48b88a rgb(72,184,138)
```
#48b894
```
#48b894 rgb(72,184,148)
```
#48b89d
```
#48b89d rgb(72,184,157)
```

Similar Colors

Text with hexadecimal color #48b881

This text has a font color of #48b881.

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

#48b881 background color

This paragraph has a background color of #48b881.

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

#48b881 border color

This element has a border color of #48b881.

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

CSS codes

.text {color:#48b881;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060f0a
```
#060f0a rgb(6,15,10)
```
#0b1d14
```
#0b1d14 rgb(11,29,20)
```
#112b1e
```
#112b1e rgb(17,43,30)
```
#163928
```
#163928 rgb(22,57,40)
```
#1c4732
```
#1c4732 rgb(28,71,50)
```
#21563c
```
#21563c rgb(33,86,60)
```
#276446
```
#276446 rgb(39,100,70)
```
#2c7250
```
#2c7250 rgb(44,114,80)
```
#328059
```
#328059 rgb(50,128,89)
```
#378e63
```
#378e63 rgb(55,142,99)
```
#3d9c6d
```
#3d9c6d rgb(61,156,109)
```
#42aa77
```
#42aa77 rgb(66,170,119)
```

Shade Color Variation

#48b881
```
#48b881 rgb(72,184,129)
```
#56bd8b
```
#56bd8b rgb(86,189,139)
```
#64c394
```
#64c394 rgb(100,195,148)
```
#72c89e
```
#72c89e rgb(114,200,158)
```
#81cea8
```
#81cea8 rgb(129,206,168)
```
#8fd3b2
```
#8fd3b2 rgb(143,211,178)
```
#9dd9bb
```
#9dd9bb rgb(157,217,187)
```
#abdec5
```
#abdec5 rgb(171,222,197)
```
#b9e4cf
```
#b9e4cf rgb(185,228,207)
```
#c7e9d9
```
#c7e9d9 rgb(199,233,217)
```
#d5efe2
```
#d5efe2 rgb(213,239,226)
```
#e3f4ec
```
#e3f4ec rgb(227,244,236)
```
#f2faf6
```
#f2faf6 rgb(242,250,246)
```

Tint Color Variation

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

#798780
```
#798780 rgb(121,135,128)
```
#6f9180
```
#6f9180 rgb(111,145,128)
```
#659b80
```
#659b80 rgb(101,155,128)
```
#5ca481
```
#5ca481 rgb(92,164,129)
```
#52ae81
```
#52ae81 rgb(82,174,129)
```
#48b881
```
#48b881 rgb(72,184,129)
```
#3ec281
```
#3ec281 rgb(62,194,129)
```
#34cc81
```
#34cc81 rgb(52,204,129)
```
#2bd582
```
#2bd582 rgb(43,213,130)
```
#21df82
```
#21df82 rgb(33,223,130)
```
#17e982
```
#17e982 rgb(23,233,130)
```
#0df382
```
#0df382 rgb(13,243,130)
```
#04fc82
```
#04fc82 rgb(4,252,130)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#82988d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a87f Protanopia 1% of men
#c1a28f Deuteranopia 1% of men
#68b4c1 Tritanopia 0.001% of the population

Trichromacy

#8dae80 Protanomaly 1% of men, 0.01% of women
#95aa8a Deuteranomaly 6% of men, 0.4% of women
#5cb5a9 Tritanomaly 0.01% of the population

#48b881 hex color

#48b881 Color Information

#48b881 Color Conversion

Color Schemes with #48b881

Alternatives to #48b881

#48b881 Preview

Shades and Tints of #48b881

Tones of #48b881

Color Blindness Simulator