#48a874 hex color

In a RGB color space, hex #48a874 is composed of 28.2% red, 65.9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 0% magenta, 31% yellow and 34.1% black. It has a hue angle of 147.5 degrees, a saturation of 40% and a lightness of 47.1%. #48a874 color hex could be obtained by blending #90ffe8 with #005100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 28
- G 66
- B 45
RGB color chart
- C 57
- M 0
- Y 31
- K 34
CMYK color chart

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

The hexadecimal color #48a874 has RGB values of R:72, G:168, B:116 and CMYK values of C:0.57, M:0, Y:0.31, K:0.34. Its decimal value is 4761716.

Hex triplet	48a874	`#48a874`
RGB Decimal	72, 168, 116	`rgb(72,168,116)`
RGB Percent	28.2, 65.9, 45.5	`rgb(28.2%,65.9%,45.5%)`
CMYK	57, 0, 31, 34
HSL	147.5°, 40, 47.1	`hsl(147.5,40%,47.1%)`
HSV (or HSB)	147.5°, 57.1, 65.9
Web Safe	339966	`#339966`

CIE-LAB	62.205, -40.558, 18.568
XYZ	19.826, 30.642, 21.392
xyY	0.276, 0.426, 30.642
CIE-LCH	62.205, 44.606, 155.401
CIE-LUV	62.205, -42.019, 31.5
Hunter-Lab	55.356, -32.941, 15.837
Binary	01001000, 10101000, 01110100

#48a874
```
#48a874 rgb(72,168,116)
```
#a8487c
```
#a8487c rgb(168,72,124)
```

Complementary Color

#4ca848
```
#4ca848 rgb(76,168,72)
```
#48a874
```
#48a874 rgb(72,168,116)
```
#48a8a4
```
#48a8a4 rgb(72,168,164)
```

Analogous Color

#a8484c
```
#a8484c rgb(168,72,76)
```
#48a874
```
#48a874 rgb(72,168,116)
```
#a448a8
```
#a448a8 rgb(164,72,168)
```

Split Complementary Color

#a87448
```
#a87448 rgb(168,116,72)
```
#48a874
```
#48a874 rgb(72,168,116)
```
#7448a8
```
#7448a8 rgb(116,72,168)
```

Triadic Color

#7ca848
```
#7ca848 rgb(124,168,72)
```
#48a874
```
#48a874 rgb(72,168,116)
```
#7448a8
```
#7448a8 rgb(116,72,168)
```
#a8487c
```
#a8487c rgb(168,72,124)
```

Tetradic Color

#31724f
```
#31724f rgb(49,114,79)
```
#39845b
```
#39845b rgb(57,132,91)
```
#409668
```
#409668 rgb(64,150,104)
```
#48a874
```
#48a874 rgb(72,168,116)
```
#54b681
```
#54b681 rgb(84,182,129)
```
#66bd8e
```
#66bd8e rgb(102,189,142)
```
#78c59b
```
#78c59b rgb(120,197,155)
```

Monochromatic Color

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

#48a85c
```
#48a85c rgb(72,168,92)
```
#48a864
```
#48a864 rgb(72,168,100)
```
#48a86c
```
#48a86c rgb(72,168,108)
```
#48a874
```
#48a874 rgb(72,168,116)
```
#48a87c
```
#48a87c rgb(72,168,124)
```
#48a884
```
#48a884 rgb(72,168,132)
```
#48a88c
```
#48a88c rgb(72,168,140)
```

Similar Colors

Text with hexadecimal color #48a874

This text has a font color of #48a874.

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

#48a874 background color

This paragraph has a background color of #48a874.

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

#48a874 border color

This element has a border color of #48a874.

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

CSS codes

.text {color:#48a874;}

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

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

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 #f5fbf7 is the lightest one.

#010302
```
#010302 rgb(1,3,2)
```
#07110c
```
#07110c rgb(7,17,12)
```
#0d1f15
```
#0d1f15 rgb(13,31,21)
```
#132c1f
```
#132c1f rgb(19,44,31)
```
#193a28
```
#193a28 rgb(25,58,40)
```
#1f4832
```
#1f4832 rgb(31,72,50)
```
#25563b
```
#25563b rgb(37,86,59)
```
#2b6345
```
#2b6345 rgb(43,99,69)
```
#30714e
```
#30714e rgb(48,113,78)
```
#367f58
```
#367f58 rgb(54,127,88)
```
#3c8d61
```
#3c8d61 rgb(60,141,97)
```
#429a6b
```
#429a6b rgb(66,154,107)
```
#48a874
```
#48a874 rgb(72,168,116)
```

Shade Color Variation

#50b47e
```
#50b47e rgb(80,180,126)
```
#5dba88
```
#5dba88 rgb(93,186,136)
```
#6bc092
```
#6bc092 rgb(107,192,146)
```
#79c69c
```
#79c69c rgb(121,198,156)
```
#87cba6
```
#87cba6 rgb(135,203,166)
```
#94d1b0
```
#94d1b0 rgb(148,209,176)
```
#a2d7ba
```
#a2d7ba rgb(162,215,186)
```
#b0ddc5
```
#b0ddc5 rgb(176,221,197)
```
#bee3cf
```
#bee3cf rgb(190,227,207)
```
#cbe9d9
```
#cbe9d9 rgb(203,233,217)
```
#d9efe3
```
#d9efe3 rgb(217,239,227)
```
#e7f5ed
```
#e7f5ed rgb(231,245,237)
```
#f5fbf7
```
#f5fbf7 rgb(245,251,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767a78 is the less saturated color, while #07e96f is the most saturated one.

#767a78
```
#767a78 rgb(118,122,120)
```
#6d8377
```
#6d8377 rgb(109,131,119)
```
#648c76
```
#648c76 rgb(100,140,118)
```
#5a9676
```
#5a9676 rgb(90,150,118)
```
#519f75
```
#519f75 rgb(81,159,117)
```
#48a874
```
#48a874 rgb(72,168,116)
```
#3fb173
```
#3fb173 rgb(63,177,115)
```
#36ba72
```
#36ba72 rgb(54,186,114)
```
#2cc472
```
#2cc472 rgb(44,196,114)
```
#23cd71
```
#23cd71 rgb(35,205,113)
```
#1ad670
```
#1ad670 rgb(26,214,112)
```
#11df6f
```
#11df6f rgb(17,223,111)
```
#07e96f
```
#07e96f rgb(7,233,111)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#798c82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69b74 Protanopia 1% of men
#b39682 Deuteranopia 1% of men
#64a5b1 Tritanopia 0.001% of the population

Trichromacy

#84a074 Protanomaly 1% of men, 0.01% of women
#8c9c7d Deuteranomaly 6% of men, 0.4% of women
#5aa69b Tritanomaly 0.01% of the population

#48a874 hex color

#48a874 Color Information

#48a874 Color Conversion

Color Schemes with #48a874

Alternatives to #48a874

#48a874 Preview

Shades and Tints of #48a874

Tones of #48a874

Color Blindness Simulator