#48a275 hex color

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

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

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

The hexadecimal color #48a275 has RGB values of R:72, G:162, B:117 and CMYK values of C:0.56, M:0, Y:0.28, K:0.36. Its decimal value is 4760181.

Hex triplet	48a275	`#48a275`
RGB Decimal	72, 162, 117	`rgb(72,162,117)`
RGB Percent	28.2, 63.5, 45.9	`rgb(28.2%,63.5%,45.9%)`
CMYK	56, 0, 28, 36
HSL	150°, 38.5, 45.9	`hsl(150,38.5%,45.9%)`
HSV (or HSB)	150°, 55.6, 63.5
Web Safe	339966	`#339966`

CIE-LAB	60.339, -37.71, 15.447
XYZ	18.802, 28.501, 21.339
xyY	0.274, 0.415, 28.501
CIE-LCH	60.339, 40.751, 157.725
CIE-LUV	60.339, -39.587, 26.9
Hunter-Lab	53.387, -30.56, 13.672
Binary	01001000, 10100010, 01110101

#48a275
```
#48a275 rgb(72,162,117)
```
#a24875
```
#a24875 rgb(162,72,117)
```

Complementary Color

#48a248
```
#48a248 rgb(72,162,72)
```
#48a275
```
#48a275 rgb(72,162,117)
```
#48a2a2
```
#48a2a2 rgb(72,162,162)
```

Analogous Color

#a24848
```
#a24848 rgb(162,72,72)
```
#48a275
```
#48a275 rgb(72,162,117)
```
#a248a2
```
#a248a2 rgb(162,72,162)
```

Split Complementary Color

#a27548
```
#a27548 rgb(162,117,72)
```
#48a275
```
#48a275 rgb(72,162,117)
```
#7548a2
```
#7548a2 rgb(117,72,162)
```

Triadic Color

#75a248
```
#75a248 rgb(117,162,72)
```
#48a275
```
#48a275 rgb(72,162,117)
```
#7548a2
```
#7548a2 rgb(117,72,162)
```
#a24875
```
#a24875 rgb(162,72,117)
```

Tetradic Color

#306d4f
```
#306d4f rgb(48,109,79)
```
#387f5c
```
#387f5c rgb(56,127,92)
```
#409068
```
#409068 rgb(64,144,104)
```
#48a275
```
#48a275 rgb(72,162,117)
```
#52b282
```
#52b282 rgb(82,178,130)
```
#63ba8f
```
#63ba8f rgb(99,186,143)
```
#75c29b
```
#75c29b rgb(117,194,155)
```

Monochromatic Color

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

#48a25f
```
#48a25f rgb(72,162,95)
```
#48a266
```
#48a266 rgb(72,162,102)
```
#48a26e
```
#48a26e rgb(72,162,110)
```
#48a275
```
#48a275 rgb(72,162,117)
```
#48a27d
```
#48a27d rgb(72,162,125)
```
#48a284
```
#48a284 rgb(72,162,132)
```
#48a28c
```
#48a28c rgb(72,162,140)
```

Similar Colors

Text with hexadecimal color #48a275

This text has a font color of #48a275.

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

#48a275 background color

This paragraph has a background color of #48a275.

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

#48a275 border color

This element has a border color of #48a275.

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

CSS codes

.text {color:#48a275;}

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

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

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)
```
#0c1a13
```
#0c1a13 rgb(12,26,19)
```
#12281d
```
#12281d rgb(18,40,29)
```
#183527
```
#183527 rgb(24,53,39)
```
#1e4330
```
#1e4330 rgb(30,67,48)
```
#24513a
```
#24513a rgb(36,81,58)
```
#2a5e44
```
#2a5e44 rgb(42,94,68)
```
#306c4e
```
#306c4e rgb(48,108,78)
```
#367958
```
#367958 rgb(54,121,88)
```
#3c8761
```
#3c8761 rgb(60,135,97)
```
#42946b
```
#42946b rgb(66,148,107)
```
#48a275
```
#48a275 rgb(72,162,117)
```
#4eb07f
```
#4eb07f rgb(78,176,127)
```

Shade Color Variation

#5bb689
```
#5bb689 rgb(91,182,137)
```
#69bc92
```
#69bc92 rgb(105,188,146)
```
#76c29c
```
#76c29c rgb(118,194,156)
```
#84c8a6
```
#84c8a6 rgb(132,200,166)
```
#91ceb0
```
#91ceb0 rgb(145,206,176)
```
#9fd4ba
```
#9fd4ba rgb(159,212,186)
```
#addac3
```
#addac3 rgb(173,218,195)
```
#bae0cd
```
#bae0cd rgb(186,224,205)
```
#c8e6d7
```
#c8e6d7 rgb(200,230,215)
```
#d5ece1
```
#d5ece1 rgb(213,236,225)
```
#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, #6c7e75 is the less saturated color, while #00ea75 is the most saturated one.

#6c7e75
```
#6c7e75 rgb(108,126,117)
```
#638775
```
#638775 rgb(99,135,117)
```
#5a9075
```
#5a9075 rgb(90,144,117)
```
#519975
```
#519975 rgb(81,153,117)
```
#48a275
```
#48a275 rgb(72,162,117)
```
#3fab75
```
#3fab75 rgb(63,171,117)
```
#36b475
```
#36b475 rgb(54,180,117)
```
#2dbd75
```
#2dbd75 rgb(45,189,117)
```
#24c675
```
#24c675 rgb(36,198,117)
```
#1bcf75
```
#1bcf75 rgb(27,207,117)
```
#12d875
```
#12d875 rgb(18,216,117)
```
#09e175
```
#09e175 rgb(9,225,117)
```
#00ea75
```
#00ea75 rgb(0,234,117)
```

Tone Color Variation

Below, you can see how #48a275 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
#76887f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19675 Protanopia 1% of men
#ac9183 Deuteranopia 1% of men
#62a0ac Tritanopia 0.001% of the population

Trichromacy

#809a75 Protanomaly 1% of men, 0.01% of women
#87977e Deuteranomaly 6% of men, 0.4% of women
#58a198 Tritanomaly 0.01% of the population

#48a275 hex color

#48a275 Color Information

#48a275 Color Conversion

Color Schemes with #48a275

Alternatives to #48a275

#48a275 Preview

Shades and Tints of #48a275

Tones of #48a275

Color Blindness Simulator