#48a666 hex color

In a RGB color space, hex #48a666 is composed of 28.2% red, 65.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 0% magenta, 38.6% yellow and 34.9% black. It has a hue angle of 139.1 degrees, a saturation of 39.5% and a lightness of 46.7%. #48a666 color hex could be obtained by blending #90ffcc with #004d00. Closest websafe color is: #339966.

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

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

The hexadecimal color #48a666 has RGB values of R:72, G:166, B:102 and CMYK values of C:0.57, M:0, Y:0.39, K:0.35. Its decimal value is 4761190.

Hex triplet	48a666	`#48a666`
RGB Decimal	72, 166, 102	`rgb(72,166,102)`
RGB Percent	28.2, 65.1, 40	`rgb(28.2%,65.1%,40%)`
CMYK	57, 0, 39, 35
HSL	139.1°, 39.5, 46.7	`hsl(139.1,39.5%,46.7%)`
HSV (or HSB)	139.1°, 56.6, 65.1
Web Safe	339966	`#339966`

CIE-LAB	61.315, -42.415, 24.979
XYZ	18.706, 29.608, 17.299
xyY	0.285, 0.451, 29.608
CIE-LCH	61.315, 49.224, 149.505
CIE-LUV	61.315, -41.826, 39.348
Hunter-Lab	54.413, -33.86, 19.24
Binary	01001000, 10100110, 01100110

#48a666
```
#48a666 rgb(72,166,102)
```
#a64888
```
#a64888 rgb(166,72,136)
```

Complementary Color

#59a648
```
#59a648 rgb(89,166,72)
```
#48a666
```
#48a666 rgb(72,166,102)
```
#48a695
```
#48a695 rgb(72,166,149)
```

Analogous Color

#a64859
```
#a64859 rgb(166,72,89)
```
#48a666
```
#48a666 rgb(72,166,102)
```
#9548a6
```
#9548a6 rgb(149,72,166)
```

Split Complementary Color

#a66648
```
#a66648 rgb(166,102,72)
```
#48a666
```
#48a666 rgb(72,166,102)
```
#6648a6
```
#6648a6 rgb(102,72,166)
```

Triadic Color

#88a648
```
#88a648 rgb(136,166,72)
```
#48a666
```
#48a666 rgb(72,166,102)
```
#6648a6
```
#6648a6 rgb(102,72,166)
```
#a64888
```
#a64888 rgb(166,72,136)
```

Tetradic Color

#317145
```
#317145 rgb(49,113,69)
```
#398250
```
#398250 rgb(57,130,80)
```
#40945b
```
#40945b rgb(64,148,91)
```
#48a666
```
#48a666 rgb(72,166,102)
```
#53b472
```
#53b472 rgb(83,180,114)
```
#65bc81
```
#65bc81 rgb(101,188,129)
```
#77c48f
```
#77c48f rgb(119,196,143)
```

Monochromatic Color

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

#48a64f
```
#48a64f rgb(72,166,79)
```
#48a656
```
#48a656 rgb(72,166,86)
```
#48a65e
```
#48a65e rgb(72,166,94)
```
#48a666
```
#48a666 rgb(72,166,102)
```
#48a66e
```
#48a66e rgb(72,166,110)
```
#48a676
```
#48a676 rgb(72,166,118)
```
#48a67e
```
#48a67e rgb(72,166,126)
```

Similar Colors

Text with hexadecimal color #48a666

This text has a font color of #48a666.

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

#48a666 background color

This paragraph has a background color of #48a666.

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

#48a666 border color

This element has a border color of #48a666.

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

CSS codes

.text {color:#48a666;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#07100a
```
#07100a rgb(7,16,10)
```
#0d1d12
```
#0d1d12 rgb(13,29,18)
```
#132b1a
```
#132b1a rgb(19,43,26)
```
#193923
```
#193923 rgb(25,57,35)
```
#1e462b
```
#1e462b rgb(30,70,43)
```
#245434
```
#245434 rgb(36,84,52)
```
#2a623c
```
#2a623c rgb(42,98,60)
```
#306f44
```
#306f44 rgb(48,111,68)
```
#367d4d
```
#367d4d rgb(54,125,77)
```
#3c8b55
```
#3c8b55 rgb(60,139,85)
```
#42985e
```
#42985e rgb(66,152,94)
```
#48a666
```
#48a666 rgb(72,166,102)
```

Shade Color Variation

#4fb36f
```
#4fb36f rgb(79,179,111)
```
#5db97a
```
#5db97a rgb(93,185,122)
```
#6abf85
```
#6abf85 rgb(106,191,133)
```
#78c490
```
#78c490 rgb(120,196,144)
```
#86ca9c
```
#86ca9c rgb(134,202,156)
```
#93d0a7
```
#93d0a7 rgb(147,208,167)
```
#a1d6b2
```
#a1d6b2 rgb(161,214,178)
```
#afdcbd
```
#afdcbd rgb(175,220,189)
```
#bce2c8
```
#bce2c8 rgb(188,226,200)
```
#cae8d4
```
#cae8d4 rgb(202,232,212)
```
#d8eedf
```
#d8eedf rgb(216,238,223)
```
#e5f4ea
```
#e5f4ea rgb(229,244,234)
```
#f3faf5
```
#f3faf5 rgb(243,250,245)
```

Tint Color Variation

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

#767877
```
#767877 rgb(118,120,119)
```
#6d8173
```
#6d8173 rgb(109,129,115)
```
#638b70
```
#638b70 rgb(99,139,112)
```
#5a946d
```
#5a946d rgb(90,148,109)
```
#519d69
```
#519d69 rgb(81,157,105)
```
#48a666
```
#48a666 rgb(72,166,102)
```
#3faf63
```
#3faf63 rgb(63,175,99)
```
#36b85f
```
#36b85f rgb(54,184,95)
```
#2dc15c
```
#2dc15c rgb(45,193,92)
```
#23cb59
```
#23cb59 rgb(35,203,89)
```
#1ad455
```
#1ad455 rgb(26,212,85)
```
#11dd52
```
#11dd52 rgb(17,221,82)
```
#08e64f
```
#08e64f rgb(8,230,79)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#778a7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69967 Protanopia 1% of men
#b39375 Deuteranopia 1% of men
#66a2ae Tritanopia 0.001% of the population

Trichromacy

#849e66 Protanomaly 1% of men, 0.01% of women
#8c9a70 Deuteranomaly 6% of men, 0.4% of women
#5ba394 Tritanomaly 0.01% of the population

#48a666 hex color

#48a666 Color Information

#48a666 Color Conversion

Color Schemes with #48a666

Alternatives to #48a666

#48a666 Preview

Shades and Tints of #48a666

Tones of #48a666

Color Blindness Simulator