#48a785 hex color

In a RGB color space, hex #48a785 is composed of 28.2% red, 65.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 0% magenta, 20.4% yellow and 34.5% black. It has a hue angle of 158.5 degrees, a saturation of 39.7% and a lightness of 46.9%. #48a785 color hex could be obtained by blending #90ffff with #004f0b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 28
- G 65
- B 52
RGB color chart
- C 57
- M 0
- Y 20
- K 35
CMYK color chart

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

The hexadecimal color #48a785 has RGB values of R:72, G:167, B:133 and CMYK values of C:0.57, M:0, Y:0.2, K:0.35. Its decimal value is 4761477.

Hex triplet	48a785	`#48a785`
RGB Decimal	72, 167, 133	`rgb(72,167,133)`
RGB Percent	28.2, 65.5, 52.2	`rgb(28.2%,65.5%,52.2%)`
CMYK	57, 0, 20, 35
HSL	158.5°, 39.7, 46.9	`hsl(158.5,39.7%,46.9%)`
HSV (or HSB)	158.5°, 56.9, 65.5
Web Safe	339999	`#339999`

CIE-LAB	62.26, -36.387, 9.242
XYZ	20.723, 30.707, 27.024
xyY	0.264, 0.391, 30.707
CIE-LCH	62.26, 37.543, 165.748
CIE-LUV	62.26, -40.831, 18.666
Hunter-Lab	55.414, -30.22, 9.875
Binary	01001000, 10100111, 10000101

#48a785
```
#48a785 rgb(72,167,133)
```
#a7486a
```
#a7486a rgb(167,72,106)
```

Complementary Color

#48a756
```
#48a756 rgb(72,167,86)
```
#48a785
```
#48a785 rgb(72,167,133)
```
#489aa7
```
#489aa7 rgb(72,154,167)
```

Analogous Color

#a75648
```
#a75648 rgb(167,86,72)
```
#48a785
```
#48a785 rgb(72,167,133)
```
#a7489a
```
#a7489a rgb(167,72,154)
```

Split Complementary Color

#a78548
```
#a78548 rgb(167,133,72)
```
#48a785
```
#48a785 rgb(72,167,133)
```
#8548a7
```
#8548a7 rgb(133,72,167)
```

Triadic Color

#6aa748
```
#6aa748 rgb(106,167,72)
```
#48a785
```
#48a785 rgb(72,167,133)
```
#8548a7
```
#8548a7 rgb(133,72,167)
```
#a7486a
```
#a7486a rgb(167,72,106)
```

Tetradic Color

#31725a
```
#31725a rgb(49,114,90)
```
#398369
```
#398369 rgb(57,131,105)
```
#409577
```
#409577 rgb(64,149,119)
```
#48a785
```
#48a785 rgb(72,167,133)
```
#53b592
```
#53b592 rgb(83,181,146)
```
#65bd9d
```
#65bd9d rgb(101,189,157)
```
#77c4a9
```
#77c4a9 rgb(119,196,169)
```

Monochromatic Color

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

#48a76d
```
#48a76d rgb(72,167,109)
```
#48a775
```
#48a775 rgb(72,167,117)
```
#48a77d
```
#48a77d rgb(72,167,125)
```
#48a785
```
#48a785 rgb(72,167,133)
```
#48a78d
```
#48a78d rgb(72,167,141)
```
#48a795
```
#48a795 rgb(72,167,149)
```
#48a79d
```
#48a79d rgb(72,167,157)
```

Similar Colors

Text with hexadecimal color #48a785

This text has a font color of #48a785.

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

#48a785 background color

This paragraph has a background color of #48a785.

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

#48a785 border color

This element has a border color of #48a785.

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

CSS codes

.text {color:#48a785;}

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

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

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, #010302 is the darkest color, while #f4faf8 is the lightest one.

#010302
```
#010302 rgb(1,3,2)
```
#07100d
```
#07100d rgb(7,16,13)
```
#0d1e18
```
#0d1e18 rgb(13,30,24)
```
#132c23
```
#132c23 rgb(19,44,35)
```
#19392e
```
#19392e rgb(25,57,46)
```
#1f4739
```
#1f4739 rgb(31,71,57)
```
#255544
```
#255544 rgb(37,85,68)
```
#2a624e
```
#2a624e rgb(42,98,78)
```
#307059
```
#307059 rgb(48,112,89)
```
#367e64
```
#367e64 rgb(54,126,100)
```
#3c8c6f
```
#3c8c6f rgb(60,140,111)
```
#42997a
```
#42997a rgb(66,153,122)
```
#48a785
```
#48a785 rgb(72,167,133)
```

Shade Color Variation

#4fb390
```
#4fb390 rgb(79,179,144)
```
#5db998
```
#5db998 rgb(93,185,152)
```
#6bbfa1
```
#6bbfa1 rgb(107,191,161)
```
#78c5aa
```
#78c5aa rgb(120,197,170)
```
#86cbb2
```
#86cbb2 rgb(134,203,178)
```
#94d1bb
```
#94d1bb rgb(148,209,187)
```
#a2d7c4
```
#a2d7c4 rgb(162,215,196)
```
#afddcc
```
#afddcc rgb(175,221,204)
```
#bde3d5
```
#bde3d5 rgb(189,227,213)
```
#cbe8de
```
#cbe8de rgb(203,232,222)
```
#d8eee7
```
#d8eee7 rgb(216,238,231)
```
#e6f4ef
```
#e6f4ef rgb(230,244,239)
```
#f4faf8
```
#f4faf8 rgb(244,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767978 is the less saturated color, while #08e797 is the most saturated one.

#767978
```
#767978 rgb(118,121,120)
```
#6d827b
```
#6d827b rgb(109,130,123)
```
#648b7d
```
#648b7d rgb(100,139,125)
```
#5a9580
```
#5a9580 rgb(90,149,128)
```
#519e82
```
#519e82 rgb(81,158,130)
```
#48a785
```
#48a785 rgb(72,167,133)
```
#3fb088
```
#3fb088 rgb(63,176,136)
```
#36b98a
```
#36b98a rgb(54,185,138)
```
#2cc38d
```
#2cc38d rgb(44,195,141)
```
#23cc8f
```
#23cc8f rgb(35,204,143)
```
#1ad592
```
#1ad592 rgb(26,213,146)
```
#11de95
```
#11de95 rgb(17,222,149)
```
#08e797
```
#08e797 rgb(8,231,151)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7a8d87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49b83 Protanopia 1% of men
#ad9692 Deuteranopia 1% of men
#60a6b2 Tritanopia 0.001% of the population

Trichromacy

#829f84 Protanomaly 1% of men, 0.01% of women
#889c8d Deuteranomaly 6% of men, 0.4% of women
#57a6a1 Tritanomaly 0.01% of the population

#48a785 hex color

#48a785 Color Information

#48a785 Color Conversion

Color Schemes with #48a785

Alternatives to #48a785

#48a785 Preview

Shades and Tints of #48a785

Tones of #48a785

Color Blindness Simulator