colorhexa.com

#48b168 hex color

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

- R 28
- G 69
- B 41
RGB color chart
- C 59
- M 0
- Y 41
- K 31
CMYK color chart

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

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

Hex triplet	48b168	`#48b168`
RGB Decimal	72, 177, 104	`rgb(72,177,104)`
RGB Percent	28.2, 69.4, 40.8	`rgb(28.2%,69.4%,40.8%)`
CMYK	59, 0, 41, 31
HSL	138.3°, 42.2, 48.8	`hsl(138.3,42.2%,48.8%)`
HSV (or HSB)	138.3°, 59.3, 69.4
Web Safe	339966	`#339966`

CIE-LAB	64.819, -46.606, 28.525
XYZ	20.892, 33.82, 18.523
xyY	0.285, 0.462, 33.82
CIE-LCH	64.819, 54.643, 148.532
CIE-LUV	64.819, -46.08, 44.724
Hunter-Lab	58.155, -37.645, 21.824
Binary	01001000, 10110001, 01101000

#48b168
```
#48b168 rgb(72,177,104)
```
#b14891
```
#b14891 rgb(177,72,145)
```

Complementary Color

#5db148
```
#5db148 rgb(93,177,72)
```
#48b168
```
#48b168 rgb(72,177,104)
```
#48b19d
```
#48b19d rgb(72,177,157)
```

Analogous Color

#b1485d
```
#b1485d rgb(177,72,93)
```
#48b168
```
#48b168 rgb(72,177,104)
```
#9d48b1
```
#9d48b1 rgb(157,72,177)
```

Split Complementary Color

#b16848
```
#b16848 rgb(177,104,72)
```
#48b168
```
#48b168 rgb(72,177,104)
```
#6848b1
```
#6848b1 rgb(104,72,177)
```

Triadic Color

#91b148
```
#91b148 rgb(145,177,72)
```
#48b168
```
#48b168 rgb(72,177,104)
```
#6848b1
```
#6848b1 rgb(104,72,177)
```
#b14891
```
#b14891 rgb(177,72,145)
```

Tetradic Color

#327b48
```
#327b48 rgb(50,123,72)
```
#398d53
```
#398d53 rgb(57,141,83)
```
#419f5d
```
#419f5d rgb(65,159,93)
```
#48b168
```
#48b168 rgb(72,177,104)
```
#58bb76
```
#58bb76 rgb(88,187,118)
```
#6ac285
```
#6ac285 rgb(106,194,133)
```
#7cca94
```
#7cca94 rgb(124,202,148)
```

Monochromatic Color

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

#48b14e
```
#48b14e rgb(72,177,78)
```
#48b156
```
#48b156 rgb(72,177,86)
```
#48b15f
```
#48b15f rgb(72,177,95)
```
#48b168
```
#48b168 rgb(72,177,104)
```
#48b171
```
#48b171 rgb(72,177,113)
```
#48b17a
```
#48b17a rgb(72,177,122)
```
#48b182
```
#48b182 rgb(72,177,130)
```

Similar Colors

Text with hexadecimal color #48b168

This text has a font color of #48b168.

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

#48b168 background color

This paragraph has a background color of #48b168.

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

#48b168 border color

This element has a border color of #48b168.

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

CSS codes

.text {color:#48b168;}

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

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

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

#040a06
```
#040a06 rgb(4,10,6)
```
#0a180e
```
#0a180e rgb(10,24,14)
```
#0f2616
```
#0f2616 rgb(15,38,22)
```
#15341e
```
#15341e rgb(21,52,30)
```
#1b4126
```
#1b4126 rgb(27,65,38)
```
#204f2f
```
#204f2f rgb(32,79,47)
```
#265d37
```
#265d37 rgb(38,93,55)
```
#2c6b3f
```
#2c6b3f rgb(44,107,63)
```
#317947
```
#317947 rgb(49,121,71)
```
#37874f
```
#37874f rgb(55,135,79)
```
#3d9558
```
#3d9558 rgb(61,149,88)
```
#42a360
```
#42a360 rgb(66,163,96)
```
#48b168
```
#48b168 rgb(72,177,104)
```

Shade Color Variation

#53b972
```
#53b972 rgb(83,185,114)
```
#61bf7e
```
#61bf7e rgb(97,191,126)
```
#6fc589
```
#6fc589 rgb(111,197,137)
```
#7dca95
```
#7dca95 rgb(125,202,149)
```
#8bd0a0
```
#8bd0a0 rgb(139,208,160)
```
#99d6ac
```
#99d6ac rgb(153,214,172)
```
#a7dbb7
```
#a7dbb7 rgb(167,219,183)
```
#b5e1c2
```
#b5e1c2 rgb(181,225,194)
```
#c3e7ce
```
#c3e7ce rgb(195,231,206)
```
#d1ecd9
```
#d1ecd9 rgb(209,236,217)
```
#dff2e5
```
#dff2e5 rgb(223,242,229)
```
#edf8f0
```
#edf8f0 rgb(237,248,240)
```
#fbfdfc
```
#fbfdfc rgb(251,253,252)
```

Tint Color Variation

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

#78817b
```
#78817b rgb(120,129,123)
```
#6e8b77
```
#6e8b77 rgb(110,139,119)
```
#659473
```
#659473 rgb(101,148,115)
```
#5b9e6f
```
#5b9e6f rgb(91,158,111)
```
#52a76c
```
#52a76c rgb(82,167,108)
```
#48b168
```
#48b168 rgb(72,177,104)
```
#3ebb64
```
#3ebb64 rgb(62,187,100)
```
#35c461
```
#35c461 rgb(53,196,97)
```
#2bce5d
```
#2bce5d rgb(43,206,93)
```
#22d759
```
#22d759 rgb(34,215,89)
```
#18e155
```
#18e155 rgb(24,225,85)
```
#0fea52
```
#0fea52 rgb(15,234,82)
```
#05f44e
```
#05f44e rgb(5,244,78)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#7c9182 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a268 Protanopia 1% of men
#bf9b78 Deuteranopia 1% of men
#6aacb8 Tritanopia 0.001% of the population

Trichromacy

#8aa768 Protanomaly 1% of men, 0.01% of women
#93a372 Deuteranomaly 6% of men, 0.4% of women
#5dad9b Tritanomaly 0.01% of the population