#48a279 hex color

In a RGB color space, hex #48a279 is composed of 28.2% red, 63.5% green and 47.5% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 0% magenta, 25.3% yellow and 36.5% black. It has a hue angle of 152.7 degrees, a saturation of 38.5% and a lightness of 45.9%. #48a279 color hex could be obtained by blending #90fff2 with #004500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 28
- G 64
- B 47
RGB color chart
- C 56
- M 0
- Y 25
- K 36
CMYK color chart

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

The hexadecimal color #48a279 has RGB values of R:72, G:162, B:121 and CMYK values of C:0.56, M:0, Y:0.25, K:0.36. Its decimal value is 4760185.

Hex triplet	48a279	`#48a279`
RGB Decimal	72, 162, 121	`rgb(72,162,121)`
RGB Percent	28.2, 63.5, 47.5	`rgb(28.2%,63.5%,47.5%)`
CMYK	56, 0, 25, 36
HSL	152.7°, 38.5, 45.9	`hsl(152.7,38.5%,45.9%)`
HSV (or HSB)	152.7°, 55.6, 63.5
Web Safe	339966	`#339966`

CIE-LAB	60.425, -36.844, 13.342
XYZ	19.043, 28.597, 22.604
xyY	0.271, 0.407, 28.597
CIE-LCH	60.425, 39.186, 160.093
CIE-LUV	60.425, -39.409, 24.062
Hunter-Lab	53.477, -30.021, 12.372
Binary	01001000, 10100010, 01111001

#48a279
```
#48a279 rgb(72,162,121)
```
#a24871
```
#a24871 rgb(162,72,113)
```

Complementary Color

#48a24c
```
#48a24c rgb(72,162,76)
```
#48a279
```
#48a279 rgb(72,162,121)
```
#489ea2
```
#489ea2 rgb(72,158,162)
```

Analogous Color

#a24c48
```
#a24c48 rgb(162,76,72)
```
#48a279
```
#48a279 rgb(72,162,121)
```
#a2489e
```
#a2489e rgb(162,72,158)
```

Split Complementary Color

#a27948
```
#a27948 rgb(162,121,72)
```
#48a279
```
#48a279 rgb(72,162,121)
```
#7948a2
```
#7948a2 rgb(121,72,162)
```

Triadic Color

#71a248
```
#71a248 rgb(113,162,72)
```
#48a279
```
#48a279 rgb(72,162,121)
```
#7948a2
```
#7948a2 rgb(121,72,162)
```
#a24871
```
#a24871 rgb(162,72,113)
```

Tetradic Color

#306d51
```
#306d51 rgb(48,109,81)
```
#387f5f
```
#387f5f rgb(56,127,95)
```
#40906c
```
#40906c rgb(64,144,108)
```
#48a279
```
#48a279 rgb(72,162,121)
```
#52b286
```
#52b286 rgb(82,178,134)
```
#63ba92
```
#63ba92 rgb(99,186,146)
```
#75c29f
```
#75c29f rgb(117,194,159)
```

Monochromatic Color

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

#48a263
```
#48a263 rgb(72,162,99)
```
#48a26a
```
#48a26a rgb(72,162,106)
```
#48a272
```
#48a272 rgb(72,162,114)
```
#48a279
```
#48a279 rgb(72,162,121)
```
#48a281
```
#48a281 rgb(72,162,129)
```
#48a288
```
#48a288 rgb(72,162,136)
```
#48a290
```
#48a290 rgb(72,162,144)
```

Similar Colors

Text with hexadecimal color #48a279

This text has a font color of #48a279.

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

#48a279 background color

This paragraph has a background color of #48a279.

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

#48a279 border color

This element has a border color of #48a279.

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

CSS codes

.text {color:#48a279;}

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

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

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, #060d09 is the darkest color, while #fefffe is the lightest one.

#060d09
```
#060d09 rgb(6,13,9)
```
#0c1a14
```
#0c1a14 rgb(12,26,20)
```
#12281e
```
#12281e rgb(18,40,30)
```
#183528
```
#183528 rgb(24,53,40)
```
#1e4332
```
#1e4332 rgb(30,67,50)
```
#24513c
```
#24513c rgb(36,81,60)
```
#2a5e46
```
#2a5e46 rgb(42,94,70)
```
#306c50
```
#306c50 rgb(48,108,80)
```
#36795b
```
#36795b rgb(54,121,91)
```
#3c8765
```
#3c8765 rgb(60,135,101)
```
#42946f
```
#42946f rgb(66,148,111)
```
#48a279
```
#48a279 rgb(72,162,121)
```
#4eb083
```
#4eb083 rgb(78,176,131)
```

Shade Color Variation

#5bb68d
```
#5bb68d rgb(91,182,141)
```
#69bc96
```
#69bc96 rgb(105,188,150)
```
#76c2a0
```
#76c2a0 rgb(118,194,160)
```
#84c8a9
```
#84c8a9 rgb(132,200,169)
```
#91ceb3
```
#91ceb3 rgb(145,206,179)
```
#9fd4bc
```
#9fd4bc rgb(159,212,188)
```
#addac5
```
#addac5 rgb(173,218,197)
```
#bae0cf
```
#bae0cf rgb(186,224,207)
```
#c8e6d8
```
#c8e6d8 rgb(200,230,216)
```
#d5ece2
```
#d5ece2 rgb(213,236,226)
```
#e3f3eb
```
#e3f3eb rgb(227,243,235)
```
#f0f9f5
```
#f0f9f5 rgb(240,249,245)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c7e76 is the less saturated color, while #00ea7f is the most saturated one.

#6c7e76
```
#6c7e76 rgb(108,126,118)
```
#638777
```
#638777 rgb(99,135,119)
```
#5a9077
```
#5a9077 rgb(90,144,119)
```
#519978
```
#519978 rgb(81,153,120)
```
#48a279
```
#48a279 rgb(72,162,121)
```
#3fab7a
```
#3fab7a rgb(63,171,122)
```
#36b47b
```
#36b47b rgb(54,180,123)
```
#2dbd7b
```
#2dbd7b rgb(45,189,123)
```
#24c67c
```
#24c67c rgb(36,198,124)
```
#1bcf7d
```
#1bcf7d rgb(27,207,125)
```
#12d87e
```
#12d87e rgb(18,216,126)
```
#09e17f
```
#09e17f rgb(9,225,127)
```
#00ea7f
```
#00ea7f rgb(0,234,127)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#768880 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09778 Protanopia 1% of men
#ab9287 Deuteranopia 1% of men
#61a0ac Tritanopia 0.001% of the population

Trichromacy

#809b78 Protanomaly 1% of men, 0.01% of women
#879781 Deuteranomaly 6% of men, 0.4% of women
#58a199 Tritanomaly 0.01% of the population

#48a279 hex color

#48a279 Color Information

#48a279 Color Conversion

Color Schemes with #48a279

Alternatives to #48a279

#48a279 Preview

Shades and Tints of #48a279

Tones of #48a279

Color Blindness Simulator