#48ac66 hex color

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

♥
- f
- t
- g
- R 28
- G 67
- B 40
RGB color chart
- C 58
- M 0
- Y 41
- K 33
CMYK color chart

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

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

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

CIE-LAB	63.211, -44.915, 27.478
XYZ	19.822, 31.841, 17.671
xyY	0.286, 0.459, 31.841
CIE-LCH	63.211, 52.654, 148.543
CIE-LUV	63.211, -44.206, 42.954
Hunter-Lab	56.427, -36.044, 20.932
Binary	01001000, 10101100, 01100110

#48ac66
```
#48ac66 rgb(72,172,102)
```
#ac488e
```
#ac488e rgb(172,72,142)
```

Complementary Color

#5cac48
```
#5cac48 rgb(92,172,72)
```
#48ac66
```
#48ac66 rgb(72,172,102)
```
#48ac98
```
#48ac98 rgb(72,172,152)
```

Analogous Color

#ac485c
```
#ac485c rgb(172,72,92)
```
#48ac66
```
#48ac66 rgb(72,172,102)
```
#9848ac
```
#9848ac rgb(152,72,172)
```

Split Complementary Color

#ac6648
```
#ac6648 rgb(172,102,72)
```
#48ac66
```
#48ac66 rgb(72,172,102)
```
#6648ac
```
#6648ac rgb(102,72,172)
```

Triadic Color

#8eac48
```
#8eac48 rgb(142,172,72)
```
#48ac66
```
#48ac66 rgb(72,172,102)
```
#6648ac
```
#6648ac rgb(102,72,172)
```
#ac488e
```
#ac488e rgb(172,72,142)
```

Tetradic Color

#317646
```
#317646 rgb(49,118,70)
```
#398851
```
#398851 rgb(57,136,81)
```
#409a5b
```
#409a5b rgb(64,154,91)
```
#48ac66
```
#48ac66 rgb(72,172,102)
```
#55b873
```
#55b873 rgb(85,184,115)
```
#67c082
```
#67c082 rgb(103,192,130)
```
#79c791
```
#79c791 rgb(121,199,145)
```

Monochromatic Color

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

#48ac4d
```
#48ac4d rgb(72,172,77)
```
#48ac55
```
#48ac55 rgb(72,172,85)
```
#48ac5e
```
#48ac5e rgb(72,172,94)
```
#48ac66
```
#48ac66 rgb(72,172,102)
```
#48ac6e
```
#48ac6e rgb(72,172,110)
```
#48ac77
```
#48ac77 rgb(72,172,119)
```
#48ac7f
```
#48ac7f rgb(72,172,127)
```

Similar Colors

Text with hexadecimal color #48ac66

This text has a font color of #48ac66.

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

#48ac66 background color

This paragraph has a background color of #48ac66.

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

#48ac66 border color

This element has a border color of #48ac66.

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

CSS codes

.text {color:#48ac66;}

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

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

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)
```
#08140c
```
#08140c rgb(8,20,12)
```
#0e2214
```
#0e2214 rgb(14,34,20)
```
#14301c
```
#14301c rgb(20,48,28)
```
#1a3d24
```
#1a3d24 rgb(26,61,36)
```
#1f4b2d
```
#1f4b2d rgb(31,75,45)
```
#255935
```
#255935 rgb(37,89,53)
```
#2b673d
```
#2b673d rgb(43,103,61)
```
#317545
```
#317545 rgb(49,117,69)
```
#37834d
```
#37834d rgb(55,131,77)
```
#3c9056
```
#3c9056 rgb(60,144,86)
```
#429e5e
```
#429e5e rgb(66,158,94)
```
#48ac66
```
#48ac66 rgb(72,172,102)
```

Shade Color Variation

#51b670
```
#51b670 rgb(81,182,112)
```
#5fbc7b
```
#5fbc7b rgb(95,188,123)
```
#6dc286
```
#6dc286 rgb(109,194,134)
```
#7bc892
```
#7bc892 rgb(123,200,146)
```
#89cd9d
```
#89cd9d rgb(137,205,157)
```
#96d3a9
```
#96d3a9 rgb(150,211,169)
```
#a4d9b4
```
#a4d9b4 rgb(164,217,180)
```
#b2dfc0
```
#b2dfc0 rgb(178,223,192)
```
#c0e5cb
```
#c0e5cb rgb(192,229,203)
```
#ceead6
```
#ceead6 rgb(206,234,214)
```
#dcf0e2
```
#dcf0e2 rgb(220,240,226)
```
#e9f6ed
```
#e9f6ed rgb(233,246,237)
```
#f7fcf9
```
#f7fcf9 rgb(247,252,249)
```

Tint Color Variation

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

#777d79
```
#777d79 rgb(119,125,121)
```
#6e8675
```
#6e8675 rgb(110,134,117)
```
#649071
```
#649071 rgb(100,144,113)
```
#5b996e
```
#5b996e rgb(91,153,110)
```
#51a36a
```
#51a36a rgb(81,163,106)
```
#48ac66
```
#48ac66 rgb(72,172,102)
```
#3fb562
```
#3fb562 rgb(63,181,98)
```
#35bf5e
```
#35bf5e rgb(53,191,94)
```
#2cc85b
```
#2cc85b rgb(44,200,91)
```
#22d257
```
#22d257 rgb(34,210,87)
```
#19db53
```
#19db53 rgb(25,219,83)
```
#10e44f
```
#10e44f rgb(16,228,79)
```
#06ee4c
```
#06ee4c rgb(6,238,76)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7a8e80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9e67 Protanopia 1% of men
#ba9876 Deuteranopia 1% of men
#68a7b4 Tritanopia 0.001% of the population

Trichromacy

#87a366 Protanomaly 1% of men, 0.01% of women
#909f70 Deuteranomaly 6% of men, 0.4% of women
#5ca997 Tritanomaly 0.01% of the population

#48ac66 hex color

#48ac66 Color Information

#48ac66 Color Conversion

Color Schemes with #48ac66

Alternatives to #48ac66

#48ac66 Preview

Shades and Tints of #48ac66

Tones of #48ac66

Color Blindness Simulator