colorhexa.com

#48ac74 hex color

In a RGB color space, hex #48ac74 is composed of 28.2% red, 67.5% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 0% magenta, 32.6% yellow and 32.5% black. It has a hue angle of 146.4 degrees, a saturation of 41% and a lightness of 47.8%. #48ac74 color hex could be obtained by blending #90ffe8 with #005900. Closest websafe color is: #339966.

- R 28
- G 67
- B 45
RGB color chart
- C 58
- M 0
- Y 33
- K 33
CMYK color chart

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

The hexadecimal color #48ac74 has RGB values of R:72, G:172, B:116 and CMYK values of C:0.58, M:0, Y:0.33, K:0.33. Its decimal value is 4762740.

Hex triplet	48ac74	`#48ac74`
RGB Decimal	72, 172, 116	`rgb(72,172,116)`
RGB Percent	28.2, 67.5, 45.5	`rgb(28.2%,67.5%,45.5%)`
CMYK	58, 0, 33, 33
HSL	146.4°, 41, 47.8	`hsl(146.4,41%,47.8%)`
HSV (or HSB)	146.4°, 58.1, 67.5
Web Safe	339966	`#339966`

CIE-LAB	63.46, -42.277, 20.281
XYZ	20.576, 32.142, 21.642
xyY	0.277, 0.432, 32.142
CIE-LCH	63.46, 46.89, 154.372
CIE-LUV	63.46, -43.596, 34.061
Hunter-Lab	56.694, -34.431, 17.053
Binary	01001000, 10101100, 01110100

#48ac74
```
#48ac74 rgb(72,172,116)
```
#ac4880
```
#ac4880 rgb(172,72,128)
```

Complementary Color

#4eac48
```
#4eac48 rgb(78,172,72)
```
#48ac74
```
#48ac74 rgb(72,172,116)
```
#48aca6
```
#48aca6 rgb(72,172,166)
```

Analogous Color

#ac484e
```
#ac484e rgb(172,72,78)
```
#48ac74
```
#48ac74 rgb(72,172,116)
```
#a648ac
```
#a648ac rgb(166,72,172)
```

Split Complementary Color

#ac7448
```
#ac7448 rgb(172,116,72)
```
#48ac74
```
#48ac74 rgb(72,172,116)
```
#7448ac
```
#7448ac rgb(116,72,172)
```

Triadic Color

#80ac48
```
#80ac48 rgb(128,172,72)
```
#48ac74
```
#48ac74 rgb(72,172,116)
```
#7448ac
```
#7448ac rgb(116,72,172)
```
#ac4880
```
#ac4880 rgb(172,72,128)
```

Tetradic Color

#317650
```
#317650 rgb(49,118,80)
```
#39885c
```
#39885c rgb(57,136,92)
```
#409a68
```
#409a68 rgb(64,154,104)
```
#48ac74
```
#48ac74 rgb(72,172,116)
```
#55b881
```
#55b881 rgb(85,184,129)
```
#67c08e
```
#67c08e rgb(103,192,142)
```
#79c79c
```
#79c79c rgb(121,199,156)
```

Monochromatic Color

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

#48ac5b
```
#48ac5b rgb(72,172,91)
```
#48ac63
```
#48ac63 rgb(72,172,99)
```
#48ac6c
```
#48ac6c rgb(72,172,108)
```
#48ac74
```
#48ac74 rgb(72,172,116)
```
#48ac7c
```
#48ac7c rgb(72,172,124)
```
#48ac85
```
#48ac85 rgb(72,172,133)
```
#48ac8d
```
#48ac8d rgb(72,172,141)
```

Similar Colors

Text with hexadecimal color #48ac74

This text has a font color of #48ac74.

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

#48ac74 background color

This paragraph has a background color of #48ac74.

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

#48ac74 border color

This element has a border color of #48ac74.

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

CSS codes

.text {color:#48ac74;}

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

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

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

#030604
```
#030604 rgb(3,6,4)
```
#08140d
```
#08140d rgb(8,20,13)
```
#0e2217
```
#0e2217 rgb(14,34,23)
```
#143020
```
#143020 rgb(20,48,32)
```
#1a3d29
```
#1a3d29 rgb(26,61,41)
```
#1f4b33
```
#1f4b33 rgb(31,75,51)
```
#25593c
```
#25593c rgb(37,89,60)
```
#2b6745
```
#2b6745 rgb(43,103,69)
```
#31754f
```
#31754f rgb(49,117,79)
```
#378358
```
#378358 rgb(55,131,88)
```
#3c9061
```
#3c9061 rgb(60,144,97)
```
#429e6b
```
#429e6b rgb(66,158,107)
```
#48ac74
```
#48ac74 rgb(72,172,116)
```

Shade Color Variation

#51b67e
```
#51b67e rgb(81,182,126)
```
#5fbc88
```
#5fbc88 rgb(95,188,136)
```
#6dc292
```
#6dc292 rgb(109,194,146)
```
#7bc89d
```
#7bc89d rgb(123,200,157)
```
#89cda7
```
#89cda7 rgb(137,205,167)
```
#96d3b1
```
#96d3b1 rgb(150,211,177)
```
#a4d9bb
```
#a4d9bb rgb(164,217,187)
```
#b2dfc6
```
#b2dfc6 rgb(178,223,198)
```
#c0e5d0
```
#c0e5d0 rgb(192,229,208)
```
#ceeada
```
#ceeada rgb(206,234,218)
```
#dcf0e5
```
#dcf0e5 rgb(220,240,229)
```
#e9f6ef
```
#e9f6ef rgb(233,246,239)
```
#f7fcf9
```
#f7fcf9 rgb(247,252,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777d7a is the less saturated color, while #06ee6c is the most saturated one.

#777d7a
```
#777d7a rgb(119,125,122)
```
#6e8679
```
#6e8679 rgb(110,134,121)
```
#649077
```
#649077 rgb(100,144,119)
```
#5b9976
```
#5b9976 rgb(91,153,118)
```
#51a375
```
#51a375 rgb(81,163,117)
```
#48ac74
```
#48ac74 rgb(72,172,116)
```
#3fb573
```
#3fb573 rgb(63,181,115)
```
#35bf72
```
#35bf72 rgb(53,191,114)
```
#2cc871
```
#2cc871 rgb(44,200,113)
```
#22d26f
```
#22d26f rgb(34,210,111)
```
#19db6e
```
#19db6e rgb(25,219,110)
```
#10e46d
```
#10e46d rgb(16,228,109)
```
#06ee6c
```
#06ee6c rgb(6,238,108)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#7b8f84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9e73 Protanopia 1% of men
#b79983 Deuteranopia 1% of men
#66a8b5 Tritanopia 0.001% of the population

Trichromacy

#86a373 Protanomaly 1% of men, 0.01% of women
#8e9f7d Deuteranomaly 6% of men, 0.4% of women
#5baa9d Tritanomaly 0.01% of the population