#48b583 hex color

In a RGB color space, hex #48b583 is composed of 28.2% red, 71% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 0% magenta, 27.6% yellow and 29% black. It has a hue angle of 152.5 degrees, a saturation of 43.1% and a lightness of 49.6%. #48b583 color hex could be obtained by blending #90ffff with #006b07. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 71
- B 51
RGB color chart
- C 60
- M 0
- Y 28
- K 29
CMYK color chart

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

The hexadecimal color #48b583 has RGB values of R:72, G:181, B:131 and CMYK values of C:0.6, M:0, Y:0.28, K:0.29. Its decimal value is 4765059.

Hex triplet	48b583	`#48b583`
RGB Decimal	72, 181, 131	`rgb(72,181,131)`
RGB Percent	28.2, 71, 51.4	`rgb(28.2%,71%,51.4%)`
CMYK	60, 0, 28, 29
HSL	152.5°, 43.1, 49.6	`hsl(152.5,43.1%,49.6%)`
HSV (or HSB)	152.5°, 60.2, 71
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.567, -43.006, 16.39
XYZ	23.291, 36.062, 27.205
xyY	0.269, 0.417, 36.062
CIE-LCH	66.567, 46.023, 159.137
CIE-LUV	66.567, -46.371, 29.599
Hunter-Lab	60.052, -35.858, 15.177
Binary	01001000, 10110101, 10000011

#48b583
```
#48b583 rgb(72,181,131)
```
#b5487a
```
#b5487a rgb(181,72,122)
```

Complementary Color

#48b54d
```
#48b54d rgb(72,181,77)
```
#48b583
```
#48b583 rgb(72,181,131)
```
#48b1b5
```
#48b1b5 rgb(72,177,181)
```

Analogous Color

#b54d48
```
#b54d48 rgb(181,77,72)
```
#48b583
```
#48b583 rgb(72,181,131)
```
#b548b1
```
#b548b1 rgb(181,72,177)
```

Split Complementary Color

#b58348
```
#b58348 rgb(181,131,72)
```
#48b583
```
#48b583 rgb(72,181,131)
```
#8348b5
```
#8348b5 rgb(131,72,181)
```

Triadic Color

#7ab548
```
#7ab548 rgb(122,181,72)
```
#48b583
```
#48b583 rgb(72,181,131)
```
#8348b5
```
#8348b5 rgb(131,72,181)
```
#b5487a
```
#b5487a rgb(181,72,122)
```

Tetradic Color

#327e5b
```
#327e5b rgb(50,126,91)
```
#399169
```
#399169 rgb(57,145,105)
```
#41a376
```
#41a376 rgb(65,163,118)
```
#48b583
```
#48b583 rgb(72,181,131)
```
#59bd8f
```
#59bd8f rgb(89,189,143)
```
#6cc49c
```
#6cc49c rgb(108,196,156)
```
#7ecca8
```
#7ecca8 rgb(126,204,168)
```

Monochromatic Color

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

#48b568
```
#48b568 rgb(72,181,104)
```
#48b571
```
#48b571 rgb(72,181,113)
```
#48b57a
```
#48b57a rgb(72,181,122)
```
#48b583
```
#48b583 rgb(72,181,131)
```
#48b58c
```
#48b58c rgb(72,181,140)
```
#48b595
```
#48b595 rgb(72,181,149)
```
#48b59e
```
#48b59e rgb(72,181,158)
```

Similar Colors

Text with hexadecimal color #48b583

This text has a font color of #48b583.

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

#48b583 background color

This paragraph has a background color of #48b583.

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

#48b583 border color

This element has a border color of #48b583.

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

CSS codes

.text {color:#48b583;}

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

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

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, #050d09 is the darkest color, while #fefefe is the lightest one.

#050d09
```
#050d09 rgb(5,13,9)
```
#0b1b13
```
#0b1b13 rgb(11,27,19)
```
#10291d
```
#10291d rgb(16,41,29)
```
#163728
```
#163728 rgb(22,55,40)
```
#1b4532
```
#1b4532 rgb(27,69,50)
```
#21533c
```
#21533c rgb(33,83,60)
```
#276146
```
#276146 rgb(39,97,70)
```
#2c6f50
```
#2c6f50 rgb(44,111,80)
```
#327d5a
```
#327d5a rgb(50,125,90)
```
#378b65
```
#378b65 rgb(55,139,101)
```
#3d996f
```
#3d996f rgb(61,153,111)
```
#42a779
```
#42a779 rgb(66,167,121)
```
#48b583
```
#48b583 rgb(72,181,131)
```

Shade Color Variation

#55bb8d
```
#55bb8d rgb(85,187,141)
```
#63c196
```
#63c196 rgb(99,193,150)
```
#71c79f
```
#71c79f rgb(113,199,159)
```
#7fcca9
```
#7fcca9 rgb(127,204,169)
```
#8dd2b2
```
#8dd2b2 rgb(141,210,178)
```
#9bd7bc
```
#9bd7bc rgb(155,215,188)
```
#a9ddc5
```
#a9ddc5 rgb(169,221,197)
```
#b7e3cf
```
#b7e3cf rgb(183,227,207)
```
#c5e8d8
```
#c5e8d8 rgb(197,232,216)
```
#d3eee2
```
#d3eee2 rgb(211,238,226)
```
#e2f3eb
```
#e2f3eb rgb(226,243,235)
```
#f0f9f5
```
#f0f9f5 rgb(240,249,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#79847f
```
#79847f rgb(121,132,127)
```
#6f8e80
```
#6f8e80 rgb(111,142,128)
```
#659881
```
#659881 rgb(101,152,129)
```
#5ba281
```
#5ba281 rgb(91,162,129)
```
#52ab82
```
#52ab82 rgb(82,171,130)
```
#48b583
```
#48b583 rgb(72,181,131)
```
#3ebf84
```
#3ebf84 rgb(62,191,132)
```
#35c885
```
#35c885 rgb(53,200,133)
```
#2bd285
```
#2bd285 rgb(43,210,133)
```
#21dc86
```
#21dc86 rgb(33,220,134)
```
#17e687
```
#17e687 rgb(23,230,135)
```
#0eef88
```
#0eef88 rgb(14,239,136)
```
#04f989
```
#04f989 rgb(4,249,137)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#81978d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a681 Protanopia 1% of men
#bda091 Deuteranopia 1% of men
#66b1be Tritanopia 0.001% of the population

Trichromacy

#8bab82 Protanomaly 1% of men, 0.01% of women
#93a88c Deuteranomaly 6% of men, 0.4% of women
#5bb2a8 Tritanomaly 0.01% of the population

#48b583 hex color

#48b583 Color Information

#48b583 Color Conversion

Color Schemes with #48b583

Alternatives to #48b583

#48b583 Preview

Shades and Tints of #48b583

Tones of #48b583

Color Blindness Simulator