#30ae68 hex color

In a RGB color space, hex #30ae68 is composed of 18.8% red, 68.2% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 0% magenta, 40.2% yellow and 31.8% black. It has a hue angle of 146.7 degrees, a saturation of 56.8% and a lightness of 43.5%. #30ae68 color hex could be obtained by blending #60ffd0 with #005d00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 68
- B 41
RGB color chart
- C 72
- M 0
- Y 40
- K 32
CMYK color chart

● #30ae68 color description : Dark cyan - lime green.

The hexadecimal color #30ae68 has RGB values of R:48, G:174, B:104 and CMYK values of C:0.72, M:0, Y:0.4, K:0.32. Its decimal value is 3190376.

Hex triplet	30ae68	`#30ae68`
RGB Decimal	48, 174, 104	`rgb(48,174,104)`
RGB Percent	18.8, 68.2, 40.8	`rgb(18.8%,68.2%,40.8%)`
CMYK	72, 0, 40, 32
HSL	146.7°, 56.8, 43.5	`hsl(146.7,56.8%,43.5%)`
HSV (or HSB)	146.7°, 72.4, 68.2
Web Safe	339966	`#339966`

CIE-LAB	63.259, -50.038, 26.362
XYZ	18.852, 31.898, 18.259
xyY	0.273, 0.462, 31.898
CIE-LCH	63.259, 56.557, 152.218
CIE-LUV	63.259, -50.373, 42.471
Hunter-Lab	56.478, -39.254, 20.367
Binary	00110000, 10101110, 01101000

#30ae68
```
#30ae68 rgb(48,174,104)
```
#ae3076
```
#ae3076 rgb(174,48,118)
```

Complementary Color

#37ae30
```
#37ae30 rgb(55,174,48)
```
#30ae68
```
#30ae68 rgb(48,174,104)
```
#30aea7
```
#30aea7 rgb(48,174,167)
```

Analogous Color

#ae3037
```
#ae3037 rgb(174,48,55)
```
#30ae68
```
#30ae68 rgb(48,174,104)
```
#a730ae
```
#a730ae rgb(167,48,174)
```

Split Complementary Color

#ae6830
```
#ae6830 rgb(174,104,48)
```
#30ae68
```
#30ae68 rgb(48,174,104)
```
#6830ae
```
#6830ae rgb(104,48,174)
```

Triadic Color

#76ae30
```
#76ae30 rgb(118,174,48)
```
#30ae68
```
#30ae68 rgb(48,174,104)
```
#6830ae
```
#6830ae rgb(104,48,174)
```
#ae3076
```
#ae3076 rgb(174,48,118)
```

Tetradic Color

#1f7244
```
#1f7244 rgb(31,114,68)
```
#258650
```
#258650 rgb(37,134,80)
```
#2a9a5c
```
#2a9a5c rgb(42,154,92)
```
#30ae68
```
#30ae68 rgb(48,174,104)
```
#36c274
```
#36c274 rgb(54,194,116)
```
#45cc81
```
#45cc81 rgb(69,204,129)
```
#59d18f
```
#59d18f rgb(89,209,143)
```

Monochromatic Color

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

#30ae49
```
#30ae49 rgb(48,174,73)
```
#30ae53
```
#30ae53 rgb(48,174,83)
```
#30ae5e
```
#30ae5e rgb(48,174,94)
```
#30ae68
```
#30ae68 rgb(48,174,104)
```
#30ae73
```
#30ae73 rgb(48,174,115)
```
#30ae7d
```
#30ae7d rgb(48,174,125)
```
#30ae88
```
#30ae88 rgb(48,174,136)
```

Similar Colors

Text with hexadecimal color #30ae68

This text has a font color of #30ae68.

<span style="color:#30ae68;">Text here</span>

#30ae68 background color

This paragraph has a background color of #30ae68.

<p style="background-color:#30ae68;">Content here</p>

#30ae68 border color

This element has a border color of #30ae68.

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

CSS codes

.text {color:#30ae68;}

.background {background-color:#30ae68;}

.border {border:1px solid #30ae68;}

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

#010503
```
#010503 rgb(1,5,3)
```
#06140c
```
#06140c rgb(6,20,12)
```
#0a2415
```
#0a2415 rgb(10,36,21)
```
#0e331e
```
#0e331e rgb(14,51,30)
```
#124228
```
#124228 rgb(18,66,40)
```
#175231
```
#175231 rgb(23,82,49)
```
#1b613a
```
#1b613a rgb(27,97,58)
```
#1f7143
```
#1f7143 rgb(31,113,67)
```
#23804c
```
#23804c rgb(35,128,76)
```
#288f56
```
#288f56 rgb(40,143,86)
```
#2c9f5f
```
#2c9f5f rgb(44,159,95)
```
#30ae68
```
#30ae68 rgb(48,174,104)
```
#34bd71
```
#34bd71 rgb(52,189,113)
```

Shade Color Variation

#3cc97b
```
#3cc97b rgb(60,201,123)
```
#4bcd85
```
#4bcd85 rgb(75,205,133)
```
#5bd290
```
#5bd290 rgb(91,210,144)
```
#6ad69a
```
#6ad69a rgb(106,214,154)
```
#7adaa4
```
#7adaa4 rgb(122,218,164)
```
#89deaf
```
#89deaf rgb(137,222,175)
```
#98e3b9
```
#98e3b9 rgb(152,227,185)
```
#a8e7c4
```
#a8e7c4 rgb(168,231,196)
```
#b7ebce
```
#b7ebce rgb(183,235,206)
```
#c6efd9
```
#c6efd9 rgb(198,239,217)
```
#d6f4e3
```
#d6f4e3 rgb(214,244,227)
```
#e5f8ed
```
#e5f8ed rgb(229,248,237)
```
#f5fcf8
```
#f5fcf8 rgb(245,252,248)
```

Tint Color Variation

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

#6c726f
```
#6c726f rgb(108,114,111)
```
#637b6e
```
#637b6e rgb(99,123,110)
```
#5b836d
```
#5b836d rgb(91,131,109)
```
#528c6c
```
#528c6c rgb(82,140,108)
```
#4a946b
```
#4a946b rgb(74,148,107)
```
#419d6a
```
#419d6a rgb(65,157,106)
```
#39a569
```
#39a569 rgb(57,165,105)
```
#30ae68
```
#30ae68 rgb(48,174,104)
```
#27b767
```
#27b767 rgb(39,183,103)
```
#1fbf66
```
#1fbf66 rgb(31,191,102)
```
#16c865
```
#16c865 rgb(22,200,101)
```
#0ed064
```
#0ed064 rgb(14,208,100)
```
#05d963
```
#05d963 rgb(5,217,99)
```

Tone Color Variation

Below, you can see how #30ae68 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

#808080 Achromatopsia 0.005% of the population
#70897b Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9e68 Protanopia 1% of men
#b99878 Deuteranopia 1% of men
#5aa9b6 Tritanopia 0.001% of the population

Trichromacy

#7ea468 Protanomaly 1% of men, 0.01% of women
#87a072 Deuteranomaly 6% of men, 0.4% of women
#4bab99 Tritanomaly 0.01% of the population

#30ae68 hex color

#30ae68 Color Information

#30ae68 Color Conversion

Color Schemes with #30ae68

Alternatives to #30ae68

#30ae68 Preview

Shades and Tints of #30ae68

Tones of #30ae68

Color Blindness Simulator