#30aa6f hex color

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

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

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

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

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

CIE-LAB	62.104, -47.088, 21.054
XYZ	18.462, 30.524, 19.957
xyY	0.268, 0.443, 30.524
CIE-LCH	62.104, 51.58, 155.91
CIE-LUV	62.104, -48.534, 35.531
Hunter-Lab	55.248, -37.038, 17.257
Binary	00110000, 10101010, 01101111

#30aa6f
```
#30aa6f rgb(48,170,111)
```
#aa306b
```
#aa306b rgb(170,48,107)
```

Complementary Color

#30aa32
```
#30aa32 rgb(48,170,50)
```
#30aa6f
```
#30aa6f rgb(48,170,111)
```
#30a8aa
```
#30a8aa rgb(48,168,170)
```

Analogous Color

#aa3230
```
#aa3230 rgb(170,50,48)
```
#30aa6f
```
#30aa6f rgb(48,170,111)
```
#aa30a8
```
#aa30a8 rgb(170,48,168)
```

Split Complementary Color

#aa6f30
```
#aa6f30 rgb(170,111,48)
```
#30aa6f
```
#30aa6f rgb(48,170,111)
```
#6f30aa
```
#6f30aa rgb(111,48,170)
```

Triadic Color

#6baa30
```
#6baa30 rgb(107,170,48)
```
#30aa6f
```
#30aa6f rgb(48,170,111)
```
#6f30aa
```
#6f30aa rgb(111,48,170)
```
#aa306b
```
#aa306b rgb(170,48,107)
```

Tetradic Color

#1f6e48
```
#1f6e48 rgb(31,110,72)
```
#258255
```
#258255 rgb(37,130,85)
```
#2a9662
```
#2a9662 rgb(42,150,98)
```
#30aa6f
```
#30aa6f rgb(48,170,111)
```
#36be7c
```
#36be7c rgb(54,190,124)
```
#43ca89
```
#43ca89 rgb(67,202,137)
```
#57d095
```
#57d095 rgb(87,208,149)
```

Monochromatic Color

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

#30aa51
```
#30aa51 rgb(48,170,81)
```
#30aa5b
```
#30aa5b rgb(48,170,91)
```
#30aa65
```
#30aa65 rgb(48,170,101)
```
#30aa6f
```
#30aa6f rgb(48,170,111)
```
#30aa79
```
#30aa79 rgb(48,170,121)
```
#30aa83
```
#30aa83 rgb(48,170,131)
```
#30aa8e
```
#30aa8e rgb(48,170,142)
```

Similar Colors

Text with hexadecimal color #30aa6f

This text has a font color of #30aa6f.

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

#30aa6f background color

This paragraph has a background color of #30aa6f.

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

#30aa6f border color

This element has a border color of #30aa6f.

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

CSS codes

.text {color:#30aa6f;}

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

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

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)
```
#1f6d47
```
#1f6d47 rgb(31,109,71)
```
#237c51
```
#237c51 rgb(35,124,81)
```
#278b5b
```
#278b5b rgb(39,139,91)
```
#2c9b65
```
#2c9b65 rgb(44,155,101)
```
#30aa6f
```
#30aa6f rgb(48,170,111)
```
#34b979
```
#34b979 rgb(52,185,121)
```

Shade Color Variation

#3ac783
```
#3ac783 rgb(58,199,131)
```
#49cc8d
```
#49cc8d rgb(73,204,141)
```
#58d096
```
#58d096 rgb(88,208,150)
```
#68d4a0
```
#68d4a0 rgb(104,212,160)
```
#77d9a9
```
#77d9a9 rgb(119,217,169)
```
#86ddb3
```
#86ddb3 rgb(134,221,179)
```
#96e1bd
```
#96e1bd rgb(150,225,189)
```
#a5e6c6
```
#a5e6c6 rgb(165,230,198)
```
#b4ead0
```
#b4ead0 rgb(180,234,208)
```
#c4eeda
```
#c4eeda rgb(196,238,218)
```
#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 #06d470 is the most saturated one.

#6b6f6d
```
#6b6f6d rgb(107,111,109)
```
#62786d
```
#62786d rgb(98,120,109)
```
#5a806e
```
#5a806e rgb(90,128,110)
```
#52886e
```
#52886e rgb(82,136,110)
```
#49916e
```
#49916e rgb(73,145,110)
```
#41996e
```
#41996e rgb(65,153,110)
```
#38a26f
```
#38a26f rgb(56,162,111)
```
#30aa6f
```
#30aa6f rgb(48,170,111)
```
#28b26f
```
#28b26f rgb(40,178,111)
```
#1fbb70
```
#1fbb70 rgb(31,187,112)
```
#17c370
```
#17c370 rgb(23,195,112)
```
#0ecc70
```
#0ecc70 rgb(14,204,112)
```
#06d470
```
#06d470 rgb(6,212,112)
```

Tone Color Variation

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

#a79b6e Protanopia 1% of men
#b3957e Deuteranopia 1% of men
#57a6b2 Tritanopia 0.001% of the population

Trichromacy

#7ca06e Protanomaly 1% of men, 0.01% of women
#839d79 Deuteranomaly 6% of men, 0.4% of women
#49a79a Tritanomaly 0.01% of the population

#30aa6f hex color

#30aa6f Color Information

#30aa6f Color Conversion

Color Schemes with #30aa6f

Alternatives to #30aa6f

#30aa6f Preview

Shades and Tints of #30aa6f

Tones of #30aa6f

Color Blindness Simulator