#48b388 hex color

In a RGB color space, hex #48b388 is composed of 28.2% red, 70.2% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 0% magenta, 24% yellow and 29.8% black. It has a hue angle of 155.9 degrees, a saturation of 42.6% and a lightness of 49.2%. #48b388 color hex could be obtained by blending #90ffff with #006711. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 70
- B 53
RGB color chart
- C 60
- M 0
- Y 24
- K 30
CMYK color chart

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

The hexadecimal color #48b388 has RGB values of R:72, G:179, B:136 and CMYK values of C:0.6, M:0, Y:0.24, K:0.3. Its decimal value is 4764552.

Hex triplet	48b388	`#48b388`
RGB Decimal	72, 179, 136	`rgb(72,179,136)`
RGB Percent	28.2, 70.2, 53.3	`rgb(28.2%,70.2%,53.3%)`
CMYK	60, 0, 24, 30
HSL	155.9°, 42.6, 49.2	`hsl(155.9,42.6%,49.2%)`
HSV (or HSB)	155.9°, 59.8, 70.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.054, -41.046, 12.943
XYZ	23.235, 35.394, 28.898
xyY	0.265, 0.404, 35.394
CIE-LCH	66.054, 43.039, 162.498
CIE-LUV	66.054, -45.349, 24.678
Hunter-Lab	59.493, -34.399, 12.845
Binary	01001000, 10110011, 10001000

#48b388
```
#48b388 rgb(72,179,136)
```
#b34873
```
#b34873 rgb(179,72,115)
```

Complementary Color

#48b353
```
#48b353 rgb(72,179,83)
```
#48b388
```
#48b388 rgb(72,179,136)
```
#48a9b3
```
#48a9b3 rgb(72,169,179)
```

Analogous Color

#b35348
```
#b35348 rgb(179,83,72)
```
#48b388
```
#48b388 rgb(72,179,136)
```
#b348a9
```
#b348a9 rgb(179,72,169)
```

Split Complementary Color

#b38848
```
#b38848 rgb(179,136,72)
```
#48b388
```
#48b388 rgb(72,179,136)
```
#8848b3
```
#8848b3 rgb(136,72,179)
```

Triadic Color

#73b348
```
#73b348 rgb(115,179,72)
```
#48b388
```
#48b388 rgb(72,179,136)
```
#8848b3
```
#8848b3 rgb(136,72,179)
```
#b34873
```
#b34873 rgb(179,72,115)
```

Tetradic Color

#327c5f
```
#327c5f rgb(50,124,95)
```
#398f6c
```
#398f6c rgb(57,143,108)
```
#41a17a
```
#41a17a rgb(65,161,122)
```
#48b388
```
#48b388 rgb(72,179,136)
```
#58bc94
```
#58bc94 rgb(88,188,148)
```
#6bc3a0
```
#6bc3a0 rgb(107,195,160)
```
#7dcbab
```
#7dcbab rgb(125,203,171)
```

Monochromatic Color

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

#48b36d
```
#48b36d rgb(72,179,109)
```
#48b376
```
#48b376 rgb(72,179,118)
```
#48b37f
```
#48b37f rgb(72,179,127)
```
#48b388
```
#48b388 rgb(72,179,136)
```
#48b391
```
#48b391 rgb(72,179,145)
```
#48b39a
```
#48b39a rgb(72,179,154)
```
#48b3a3
```
#48b3a3 rgb(72,179,163)
```

Similar Colors

Text with hexadecimal color #48b388

This text has a font color of #48b388.

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

#48b388 background color

This paragraph has a background color of #48b388.

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

#48b388 border color

This element has a border color of #48b388.

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

CSS codes

.text {color:#48b388;}

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

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

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, #040b08 is the darkest color, while #fcfefd is the lightest one.

#040b08
```
#040b08 rgb(4,11,8)
```
#0a1913
```
#0a1913 rgb(10,25,19)
```
#10271e
```
#10271e rgb(16,39,30)
```
#153528
```
#153528 rgb(21,53,40)
```
#1b4333
```
#1b4333 rgb(27,67,51)
```
#21513e
```
#21513e rgb(33,81,62)
```
#265f48
```
#265f48 rgb(38,95,72)
```
#2c6d53
```
#2c6d53 rgb(44,109,83)
```
#317b5d
```
#317b5d rgb(49,123,93)
```
#378968
```
#378968 rgb(55,137,104)
```
#3d9773
```
#3d9773 rgb(61,151,115)
```
#42a57d
```
#42a57d rgb(66,165,125)
```
#48b388
```
#48b388 rgb(72,179,136)
```

Shade Color Variation

#54ba91
```
#54ba91 rgb(84,186,145)
```
#62c09a
```
#62c09a rgb(98,192,154)
```
#70c6a3
```
#70c6a3 rgb(112,198,163)
```
#7ecbac
```
#7ecbac rgb(126,203,172)
```
#8cd1b5
```
#8cd1b5 rgb(140,209,181)
```
#9ad6be
```
#9ad6be rgb(154,214,190)
```
#a8dcc7
```
#a8dcc7 rgb(168,220,199)
```
#b6e2d0
```
#b6e2d0 rgb(182,226,208)
```
#c4e7d9
```
#c4e7d9 rgb(196,231,217)
```
#d2ede2
```
#d2ede2 rgb(210,237,226)
```
#e0f3eb
```
#e0f3eb rgb(224,243,235)
```
#eef8f4
```
#eef8f4 rgb(238,248,244)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#78837f
```
#78837f rgb(120,131,127)
```
#6f8c80
```
#6f8c80 rgb(111,140,128)
```
#659682
```
#659682 rgb(101,150,130)
```
#5ba084
```
#5ba084 rgb(91,160,132)
```
#52a986
```
#52a986 rgb(82,169,134)
```
#48b388
```
#48b388 rgb(72,179,136)
```
#3ebd8a
```
#3ebd8a rgb(62,189,138)
```
#35c68c
```
#35c68c rgb(53,198,140)
```
#2bd08e
```
#2bd08e rgb(43,208,142)
```
#21da90
```
#21da90 rgb(33,218,144)
```
#18e391
```
#18e391 rgb(24,227,145)
```
#0eed93
```
#0eed93 rgb(14,237,147)
```
#04f795
```
#04f795 rgb(4,247,149)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#80958d Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa586 Protanopia 1% of men
#ba9f96 Deuteranopia 1% of men
#64b0bd Tritanopia 0.001% of the population

Trichromacy

#89aa86 Protanomaly 1% of men, 0.01% of women
#90a690 Deuteranomaly 6% of men, 0.4% of women
#5ab1a9 Tritanomaly 0.01% of the population

#48b388 hex color

#48b388 Color Information

#48b388 Color Conversion

Color Schemes with #48b388

Alternatives to #48b388

#48b388 Preview

Shades and Tints of #48b388

Tones of #48b388

Color Blindness Simulator