#30aa6e hex color

In a RGB color space, hex #30aa6e is composed of 18.8% red, 66.7% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 0% magenta, 35.3% yellow and 33.3% black. It has a hue angle of 150.5 degrees, a saturation of 56% and a lightness of 42.7%. #30aa6e color hex could be obtained by blending #60ffdc with #005500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 67
- B 43
RGB color chart
- C 72
- M 0
- Y 35
- K 33
CMYK color chart

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

The hexadecimal color #30aa6e has RGB values of R:48, G:170, B:110 and CMYK values of C:0.72, M:0, Y:0.35, K:0.33. Its decimal value is 3189358.

Hex triplet	30aa6e	`#30aa6e`
RGB Decimal	48, 170, 110	`rgb(48,170,110)`
RGB Percent	18.8, 66.7, 43.1	`rgb(18.8%,66.7%,43.1%)`
CMYK	72, 0, 35, 33
HSL	150.5°, 56, 42.7	`hsl(150.5,56%,42.7%)`
HSV (or HSB)	150.5°, 71.8, 66.7
Web Safe	339966	`#339966`

CIE-LAB	62.085, -47.294, 21.572
XYZ	18.407, 30.502, 19.668
xyY	0.268, 0.445, 30.502
CIE-LCH	62.085, 51.981, 155.481
CIE-LUV	62.085, -48.59, 36.188
Hunter-Lab	55.228, -37.159, 17.545
Binary	00110000, 10101010, 01101110

#30aa6e
```
#30aa6e rgb(48,170,110)
```
#aa306c
```
#aa306c rgb(170,48,108)
```

Complementary Color

#30aa31
```
#30aa31 rgb(48,170,49)
```
#30aa6e
```
#30aa6e rgb(48,170,110)
```
#30a9aa
```
#30a9aa rgb(48,169,170)
```

Analogous Color

#aa3130
```
#aa3130 rgb(170,49,48)
```
#30aa6e
```
#30aa6e rgb(48,170,110)
```
#aa30a9
```
#aa30a9 rgb(170,48,169)
```

Split Complementary Color

#aa6e30
```
#aa6e30 rgb(170,110,48)
```
#30aa6e
```
#30aa6e rgb(48,170,110)
```
#6e30aa
```
#6e30aa rgb(110,48,170)
```

Triadic Color

#6caa30
```
#6caa30 rgb(108,170,48)
```
#30aa6e
```
#30aa6e rgb(48,170,110)
```
#6e30aa
```
#6e30aa rgb(110,48,170)
```
#aa306c
```
#aa306c rgb(170,48,108)
```

Tetradic Color

#1f6e47
```
#1f6e47 rgb(31,110,71)
```
#258254
```
#258254 rgb(37,130,84)
```
#2a9661
```
#2a9661 rgb(42,150,97)
```
#30aa6e
```
#30aa6e rgb(48,170,110)
```
#36be7b
```
#36be7b rgb(54,190,123)
```
#43ca88
```
#43ca88 rgb(67,202,136)
```
#57d094
```
#57d094 rgb(87,208,148)
```

Monochromatic Color

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

#30aa50
```
#30aa50 rgb(48,170,80)
```
#30aa5a
```
#30aa5a rgb(48,170,90)
```
#30aa64
```
#30aa64 rgb(48,170,100)
```
#30aa6e
```
#30aa6e rgb(48,170,110)
```
#30aa78
```
#30aa78 rgb(48,170,120)
```
#30aa82
```
#30aa82 rgb(48,170,130)
```
#30aa8d
```
#30aa8d rgb(48,170,141)
```

Similar Colors

Text with hexadecimal color #30aa6e

This text has a font color of #30aa6e.

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

#30aa6e background color

This paragraph has a background color of #30aa6e.

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

#30aa6e border color

This element has a border color of #30aa6e.

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

CSS codes

.text {color:#30aa6e;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#05110b
```
#05110b rgb(5,17,11)
```
#092015
```
#092015 rgb(9,32,21)
```
#0d301f
```
#0d301f rgb(13,48,31)
```
#123f29
```
#123f29 rgb(18,63,41)
```
#164e33
```
#164e33 rgb(22,78,51)
```
#1a5e3d
```
#1a5e3d rgb(26,94,61)
```
#1f6d46
```
#1f6d46 rgb(31,109,70)
```
#237c50
```
#237c50 rgb(35,124,80)
```
#278b5a
```
#278b5a rgb(39,139,90)
```
#2c9b64
```
#2c9b64 rgb(44,155,100)
```
#30aa6e
```
#30aa6e rgb(48,170,110)
```
#34b978
```
#34b978 rgb(52,185,120)
```

Shade Color Variation

#3ac782
```
#3ac782 rgb(58,199,130)
```
#49cc8b
```
#49cc8b rgb(73,204,139)
```
#58d095
```
#58d095 rgb(88,208,149)
```
#68d49f
```
#68d49f rgb(104,212,159)
```
#77d9a9
```
#77d9a9 rgb(119,217,169)
```
#86ddb2
```
#86ddb2 rgb(134,221,178)
```
#96e1bc
```
#96e1bc rgb(150,225,188)
```
#a5e6c6
```
#a5e6c6 rgb(165,230,198)
```
#b4ead0
```
#b4ead0 rgb(180,234,208)
```
#c4eed9
```
#c4eed9 rgb(196,238,217)
```
#d3f3e3
```
#d3f3e3 rgb(211,243,227)
```
#e2f7ed
```
#e2f7ed rgb(226,247,237)
```
#f1fbf6
```
#f1fbf6 rgb(241,251,246)
```

Tint Color Variation

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

#6b6f6d
```
#6b6f6d rgb(107,111,109)
```
#62786d
```
#62786d rgb(98,120,109)
```
#5a806d
```
#5a806d rgb(90,128,109)
```
#52886d
```
#52886d rgb(82,136,109)
```
#49916e
```
#49916e rgb(73,145,110)
```
#41996e
```
#41996e rgb(65,153,110)
```
#38a26e
```
#38a26e rgb(56,162,110)
```
#30aa6e
```
#30aa6e rgb(48,170,110)
```
#28b26e
```
#28b26e rgb(40,178,110)
```
#1fbb6e
```
#1fbb6e rgb(31,187,110)
```
#17c36e
```
#17c36e rgb(23,195,110)
```
#0ecc6f
```
#0ecc6f rgb(14,204,111)
```
#06d46f
```
#06d46f rgb(6,212,111)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6f887c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79b6d Protanopia 1% of men
#b4957e Deuteranopia 1% of men
#57a6b2 Tritanopia 0.001% of the population

Trichromacy

#7ca06d Protanomaly 1% of men, 0.01% of women
#849d78 Deuteranomaly 6% of men, 0.4% of women
#49a799 Tritanomaly 0.01% of the population

#30aa6e hex color

#30aa6e Color Information

#30aa6e Color Conversion

Color Schemes with #30aa6e

Alternatives to #30aa6e

#30aa6e Preview

Shades and Tints of #30aa6e

Tones of #30aa6e

Color Blindness Simulator