#48b17a hex color

In a RGB color space, hex #48b17a is composed of 28.2% red, 69.4% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 0% magenta, 31.1% yellow and 30.6% black. It has a hue angle of 148.6 degrees, a saturation of 42.2% and a lightness of 48.8%. #48b17a color hex could be obtained by blending #90fff4 with #006300. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 28
- G 69
- B 48
RGB color chart
- C 59
- M 0
- Y 31
- K 31
CMYK color chart

● #48b17a color description : Dark moderate cyan - lime green.

The hexadecimal color #48b17a has RGB values of R:72, G:177, B:122 and CMYK values of C:0.59, M:0, Y:0.31, K:0.31. Its decimal value is 4764026.

Hex triplet	48b17a	`#48b17a`
RGB Decimal	72, 177, 122	`rgb(72,177,122)`
RGB Percent	28.2, 69.4, 47.8	`rgb(28.2%,69.4%,47.8%)`
CMYK	59, 0, 31, 31
HSL	148.6°, 42.2, 48.8	`hsl(148.6,42.2%,48.8%)`
HSV (or HSB)	148.6°, 59.3, 69.4
Web Safe	339966	`#339966`

CIE-LAB	65.141, -43.189, 19.316
XYZ	21.906, 34.225, 23.863
xyY	0.274, 0.428, 34.225
CIE-LCH	65.141, 47.311, 155.904
CIE-LUV	65.141, -45.267, 33.22
Hunter-Lab	58.502, -35.541, 16.767
Binary	01001000, 10110001, 01111010

#48b17a
```
#48b17a rgb(72,177,122)
```
#b1487f
```
#b1487f rgb(177,72,127)
```

Complementary Color

#4ab148
```
#4ab148 rgb(74,177,72)
```
#48b17a
```
#48b17a rgb(72,177,122)
```
#48b1af
```
#48b1af rgb(72,177,175)
```

Analogous Color

#b1484a
```
#b1484a rgb(177,72,74)
```
#48b17a
```
#48b17a rgb(72,177,122)
```
#af48b1
```
#af48b1 rgb(175,72,177)
```

Split Complementary Color

#b17a48
```
#b17a48 rgb(177,122,72)
```
#48b17a
```
#48b17a rgb(72,177,122)
```
#7a48b1
```
#7a48b1 rgb(122,72,177)
```

Triadic Color

#7fb148
```
#7fb148 rgb(127,177,72)
```
#48b17a
```
#48b17a rgb(72,177,122)
```
#7a48b1
```
#7a48b1 rgb(122,72,177)
```
#b1487f
```
#b1487f rgb(177,72,127)
```

Tetradic Color

#327b55
```
#327b55 rgb(50,123,85)
```
#398d61
```
#398d61 rgb(57,141,97)
```
#419f6e
```
#419f6e rgb(65,159,110)
```
#48b17a
```
#48b17a rgb(72,177,122)
```
#58bb87
```
#58bb87 rgb(88,187,135)
```
#6ac294
```
#6ac294 rgb(106,194,148)
```
#7ccaa1
```
#7ccaa1 rgb(124,202,161)
```

Monochromatic Color

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

#48b160
```
#48b160 rgb(72,177,96)
```
#48b169
```
#48b169 rgb(72,177,105)
```
#48b171
```
#48b171 rgb(72,177,113)
```
#48b17a
```
#48b17a rgb(72,177,122)
```
#48b183
```
#48b183 rgb(72,177,131)
```
#48b18c
```
#48b18c rgb(72,177,140)
```
#48b194
```
#48b194 rgb(72,177,148)
```

Similar Colors

Text with hexadecimal color #48b17a

This text has a font color of #48b17a.

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

#48b17a background color

This paragraph has a background color of #48b17a.

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

#48b17a border color

This element has a border color of #48b17a.

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

CSS codes

.text {color:#48b17a;}

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

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

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

#040a07
```
#040a07 rgb(4,10,7)
```
#0a1810
```
#0a1810 rgb(10,24,16)
```
#0f261a
```
#0f261a rgb(15,38,26)
```
#153424
```
#153424 rgb(21,52,36)
```
#1b412d
```
#1b412d rgb(27,65,45)
```
#204f37
```
#204f37 rgb(32,79,55)
```
#265d40
```
#265d40 rgb(38,93,64)
```
#2c6b4a
```
#2c6b4a rgb(44,107,74)
```
#317954
```
#317954 rgb(49,121,84)
```
#37875d
```
#37875d rgb(55,135,93)
```
#3d9567
```
#3d9567 rgb(61,149,103)
```
#42a370
```
#42a370 rgb(66,163,112)
```
#48b17a
```
#48b17a rgb(72,177,122)
```

Shade Color Variation

#53b984
```
#53b984 rgb(83,185,132)
```
#61bf8e
```
#61bf8e rgb(97,191,142)
```
#6fc598
```
#6fc598 rgb(111,197,152)
```
#7dcaa2
```
#7dcaa2 rgb(125,202,162)
```
#8bd0ac
```
#8bd0ac rgb(139,208,172)
```
#99d6b6
```
#99d6b6 rgb(153,214,182)
```
#a7dbc0
```
#a7dbc0 rgb(167,219,192)
```
#b5e1ca
```
#b5e1ca rgb(181,225,202)
```
#c3e7d4
```
#c3e7d4 rgb(195,231,212)
```
#d1ecde
```
#d1ecde rgb(209,236,222)
```
#dff2e8
```
#dff2e8 rgb(223,242,232)
```
#edf8f2
```
#edf8f2 rgb(237,248,242)
```
#fbfdfc
```
#fbfdfc rgb(251,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78817c is the less saturated color, while #05f477 is the most saturated one.

#78817c
```
#78817c rgb(120,129,124)
```
#6e8b7c
```
#6e8b7c rgb(110,139,124)
```
#65947b
```
#65947b rgb(101,148,123)
```
#5b9e7b
```
#5b9e7b rgb(91,158,123)
```
#52a77a
```
#52a77a rgb(82,167,122)
```
#48b17a
```
#48b17a rgb(72,177,122)
```
#3ebb7a
```
#3ebb7a rgb(62,187,122)
```
#35c479
```
#35c479 rgb(53,196,121)
```
#2bce79
```
#2bce79 rgb(43,206,121)
```
#22d778
```
#22d778 rgb(34,215,120)
```
#18e178
```
#18e178 rgb(24,225,120)
```
#0fea77
```
#0fea77 rgb(15,234,119)
```
#05f477
```
#05f477 rgb(5,244,119)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7e9388 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea279 Protanopia 1% of men
#bb9d89 Deuteranopia 1% of men
#66adba Tritanopia 0.001% of the population

Trichromacy

#89a879 Protanomaly 1% of men, 0.01% of women
#91a483 Deuteranomaly 6% of men, 0.4% of women
#5baea2 Tritanomaly 0.01% of the population

#48b17a hex color

#48b17a Color Information

#48b17a Color Conversion

Color Schemes with #48b17a

Alternatives to #48b17a

#48b17a Preview

Shades and Tints of #48b17a

Tones of #48b17a

Color Blindness Simulator