#48b378 hex color

In a RGB color space, hex #48b378 is composed of 28.2% red, 70.2% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 0% magenta, 33% yellow and 29.8% black. It has a hue angle of 146.9 degrees, a saturation of 42.6% and a lightness of 49.2%. #48b378 color hex could be obtained by blending #90fff0 with #006700. Closest websafe color is: #33cc66.

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

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

The hexadecimal color #48b378 has RGB values of R:72, G:179, B:120 and CMYK values of C:0.6, M:0, Y:0.33, K:0.3. Its decimal value is 4764536.

Hex triplet	48b378	`#48b378`
RGB Decimal	72, 179, 120	`rgb(72,179,120)`
RGB Percent	28.2, 70.2, 47.1	`rgb(28.2%,70.2%,47.1%)`
CMYK	60, 0, 33, 30
HSL	146.9°, 42.6, 49.2	`hsl(146.9,42.6%,49.2%)`
HSV (or HSB)	146.9°, 59.8, 70.2
Web Safe	33cc66	`#33cc66`

CIE-LAB	65.727, -44.436, 21.197
XYZ	22.181, 34.972, 23.35
xyY	0.276, 0.434, 34.972
CIE-LCH	65.727, 49.232, 154.498
CIE-LUV	65.727, -46.136, 35.842
Hunter-Lab	59.137, -36.538, 17.986
Binary	01001000, 10110011, 01111000

#48b378
```
#48b378 rgb(72,179,120)
```
#b34883
```
#b34883 rgb(179,72,131)
```

Complementary Color

#4eb348
```
#4eb348 rgb(78,179,72)
```
#48b378
```
#48b378 rgb(72,179,120)
```
#48b3ae
```
#48b3ae rgb(72,179,174)
```

Analogous Color

#b3484e
```
#b3484e rgb(179,72,78)
```
#48b378
```
#48b378 rgb(72,179,120)
```
#ae48b3
```
#ae48b3 rgb(174,72,179)
```

Split Complementary Color

#b37848
```
#b37848 rgb(179,120,72)
```
#48b378
```
#48b378 rgb(72,179,120)
```
#7848b3
```
#7848b3 rgb(120,72,179)
```

Triadic Color

#83b348
```
#83b348 rgb(131,179,72)
```
#48b378
```
#48b378 rgb(72,179,120)
```
#7848b3
```
#7848b3 rgb(120,72,179)
```
#b34883
```
#b34883 rgb(179,72,131)
```

Tetradic Color

#327c53
```
#327c53 rgb(50,124,83)
```
#398f60
```
#398f60 rgb(57,143,96)
```
#41a16c
```
#41a16c rgb(65,161,108)
```
#48b378
```
#48b378 rgb(72,179,120)
```
#58bc85
```
#58bc85 rgb(88,188,133)
```
#6bc392
```
#6bc392 rgb(107,195,146)
```
#7dcba0
```
#7dcba0 rgb(125,203,160)
```

Monochromatic Color

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

#48b35d
```
#48b35d rgb(72,179,93)
```
#48b366
```
#48b366 rgb(72,179,102)
```
#48b36f
```
#48b36f rgb(72,179,111)
```
#48b378
```
#48b378 rgb(72,179,120)
```
#48b381
```
#48b381 rgb(72,179,129)
```
#48b38a
```
#48b38a rgb(72,179,138)
```
#48b393
```
#48b393 rgb(72,179,147)
```

Similar Colors

Text with hexadecimal color #48b378

This text has a font color of #48b378.

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

#48b378 background color

This paragraph has a background color of #48b378.

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

#48b378 border color

This element has a border color of #48b378.

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

CSS codes

.text {color:#48b378;}

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

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

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

#040b07
```
#040b07 rgb(4,11,7)
```
#0a1911
```
#0a1911 rgb(10,25,17)
```
#10271a
```
#10271a rgb(16,39,26)
```
#153524
```
#153524 rgb(21,53,36)
```
#1b432d
```
#1b432d rgb(27,67,45)
```
#215136
```
#215136 rgb(33,81,54)
```
#265f40
```
#265f40 rgb(38,95,64)
```
#2c6d49
```
#2c6d49 rgb(44,109,73)
```
#317b52
```
#317b52 rgb(49,123,82)
```
#37895c
```
#37895c rgb(55,137,92)
```
#3d9765
```
#3d9765 rgb(61,151,101)
```
#42a56f
```
#42a56f rgb(66,165,111)
```
#48b378
```
#48b378 rgb(72,179,120)
```

Shade Color Variation

#54ba82
```
#54ba82 rgb(84,186,130)
```
#62c08c
```
#62c08c rgb(98,192,140)
```
#70c697
```
#70c697 rgb(112,198,151)
```
#7ecba1
```
#7ecba1 rgb(126,203,161)
```
#8cd1ab
```
#8cd1ab rgb(140,209,171)
```
#9ad6b5
```
#9ad6b5 rgb(154,214,181)
```
#a8dcbf
```
#a8dcbf rgb(168,220,191)
```
#b6e2ca
```
#b6e2ca rgb(182,226,202)
```
#c4e7d4
```
#c4e7d4 rgb(196,231,212)
```
#d2edde
```
#d2edde rgb(210,237,222)
```
#e0f3e8
```
#e0f3e8 rgb(224,243,232)
```
#eef8f3
```
#eef8f3 rgb(238,248,243)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#78837d
```
#78837d rgb(120,131,125)
```
#6f8c7c
```
#6f8c7c rgb(111,140,124)
```
#65967b
```
#65967b rgb(101,150,123)
```
#5ba07a
```
#5ba07a rgb(91,160,122)
```
#52a979
```
#52a979 rgb(82,169,121)
```
#48b378
```
#48b378 rgb(72,179,120)
```
#3ebd77
```
#3ebd77 rgb(62,189,119)
```
#35c676
```
#35c676 rgb(53,198,118)
```
#2bd075
```
#2bd075 rgb(43,208,117)
```
#21da74
```
#21da74 rgb(33,218,116)
```
#18e373
```
#18e373 rgb(24,227,115)
```
#0eed72
```
#0eed72 rgb(14,237,114)
```
#04f771
```
#04f771 rgb(4,247,113)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7e9488 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a477 Protanopia 1% of men
#be9e87 Deuteranopia 1% of men
#68afbb Tritanopia 0.001% of the population

Trichromacy

#8aa977 Protanomaly 1% of men, 0.01% of women
#93a681 Deuteranomaly 6% of men, 0.4% of women
#5cb0a3 Tritanomaly 0.01% of the population

#48b378 hex color

#48b378 Color Information

#48b378 Color Conversion

Color Schemes with #48b378

Alternatives to #48b378

#48b378 Preview

Shades and Tints of #48b378

Tones of #48b378

Color Blindness Simulator