#30aa68 hex color

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

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

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

The hexadecimal color #30aa68 has RGB values of R:48, G:170, B:104 and CMYK values of C:0.72, M:0, Y:0.39, K:0.33. Its decimal value is 3189352.

Hex triplet	30aa68	`#30aa68`
RGB Decimal	48, 170, 104	`rgb(48,170,104)`
RGB Percent	18.8, 66.7, 40.8	`rgb(18.8%,66.7%,40.8%)`
CMYK	72, 0, 39, 33
HSL	147.5°, 56, 42.7	`hsl(147.5,56%,42.7%)`
HSV (or HSB)	147.5°, 71.8, 66.7
Web Safe	339966	`#339966`

CIE-LAB	61.977, -48.492, 24.666
XYZ	18.091, 30.376, 18.006
xyY	0.272, 0.457, 30.376
CIE-LCH	61.977, 54.405, 153.04
CIE-LUV	61.977, -48.921, 40.029
Hunter-Lab	55.114, -37.857, 19.21
Binary	00110000, 10101010, 01101000

#30aa68
```
#30aa68 rgb(48,170,104)
```
#aa3072
```
#aa3072 rgb(170,48,114)
```

Complementary Color

#35aa30
```
#35aa30 rgb(53,170,48)
```
#30aa68
```
#30aa68 rgb(48,170,104)
```
#30aaa5
```
#30aaa5 rgb(48,170,165)
```

Analogous Color

#aa3035
```
#aa3035 rgb(170,48,53)
```
#30aa68
```
#30aa68 rgb(48,170,104)
```
#a530aa
```
#a530aa rgb(165,48,170)
```

Split Complementary Color

#aa6830
```
#aa6830 rgb(170,104,48)
```
#30aa68
```
#30aa68 rgb(48,170,104)
```
#6830aa
```
#6830aa rgb(104,48,170)
```

Triadic Color

#72aa30
```
#72aa30 rgb(114,170,48)
```
#30aa68
```
#30aa68 rgb(48,170,104)
```
#6830aa
```
#6830aa rgb(104,48,170)
```
#aa3072
```
#aa3072 rgb(170,48,114)
```

Tetradic Color

#1f6e44
```
#1f6e44 rgb(31,110,68)
```
#258250
```
#258250 rgb(37,130,80)
```
#2a965c
```
#2a965c rgb(42,150,92)
```
#30aa68
```
#30aa68 rgb(48,170,104)
```
#36be74
```
#36be74 rgb(54,190,116)
```
#43ca81
```
#43ca81 rgb(67,202,129)
```
#57d08e
```
#57d08e rgb(87,208,142)
```

Monochromatic Color

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

#30aa4a
```
#30aa4a rgb(48,170,74)
```
#30aa54
```
#30aa54 rgb(48,170,84)
```
#30aa5e
```
#30aa5e rgb(48,170,94)
```
#30aa68
```
#30aa68 rgb(48,170,104)
```
#30aa72
```
#30aa72 rgb(48,170,114)
```
#30aa7c
```
#30aa7c rgb(48,170,124)
```
#30aa87
```
#30aa87 rgb(48,170,135)
```

Similar Colors

Text with hexadecimal color #30aa68

This text has a font color of #30aa68.

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

#30aa68 background color

This paragraph has a background color of #30aa68.

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

#30aa68 border color

This element has a border color of #30aa68.

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

CSS codes

.text {color:#30aa68;}

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

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

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)
```
#05110a
```
#05110a rgb(5,17,10)
```
#092014
```
#092014 rgb(9,32,20)
```
#0d301d
```
#0d301d rgb(13,48,29)
```
#123f26
```
#123f26 rgb(18,63,38)
```
#164e30
```
#164e30 rgb(22,78,48)
```
#1a5e39
```
#1a5e39 rgb(26,94,57)
```
#1f6d43
```
#1f6d43 rgb(31,109,67)
```
#237c4c
```
#237c4c rgb(35,124,76)
```
#278b55
```
#278b55 rgb(39,139,85)
```
#2c9b5f
```
#2c9b5f rgb(44,155,95)
```
#30aa68
```
#30aa68 rgb(48,170,104)
```
#34b971
```
#34b971 rgb(52,185,113)
```

Shade Color Variation

#3ac77b
```
#3ac77b rgb(58,199,123)
```
#49cc85
```
#49cc85 rgb(73,204,133)
```
#58d08f
```
#58d08f rgb(88,208,143)
```
#68d49a
```
#68d49a rgb(104,212,154)
```
#77d9a4
```
#77d9a4 rgb(119,217,164)
```
#86ddae
```
#86ddae rgb(134,221,174)
```
#96e1b8
```
#96e1b8 rgb(150,225,184)
```
#a5e6c3
```
#a5e6c3 rgb(165,230,195)
```
#b4eacd
```
#b4eacd rgb(180,234,205)
```
#c4eed7
```
#c4eed7 rgb(196,238,215)
```
#d3f3e1
```
#d3f3e1 rgb(211,243,225)
```
#e2f7ec
```
#e2f7ec rgb(226,247,236)
```
#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 #06d465 is the most saturated one.

#6b6f6d
```
#6b6f6d rgb(107,111,109)
```
#62786c
```
#62786c rgb(98,120,108)
```
#5a806b
```
#5a806b rgb(90,128,107)
```
#52886b
```
#52886b rgb(82,136,107)
```
#49916a
```
#49916a rgb(73,145,106)
```
#419969
```
#419969 rgb(65,153,105)
```
#38a269
```
#38a269 rgb(56,162,105)
```
#30aa68
```
#30aa68 rgb(48,170,104)
```
#28b267
```
#28b267 rgb(40,178,103)
```
#1fbb67
```
#1fbb67 rgb(31,187,103)
```
#17c366
```
#17c366 rgb(23,195,102)
```
#0ecc65
```
#0ecc65 rgb(14,204,101)
```
#06d465
```
#06d465 rgb(6,212,101)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6e877a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89b68 Protanopia 1% of men
#b59578 Deuteranopia 1% of men
#58a6b2 Tritanopia 0.001% of the population

Trichromacy

#7ca068 Protanomaly 1% of men, 0.01% of women
#849c72 Deuteranomaly 6% of men, 0.4% of women
#4aa797 Tritanomaly 0.01% of the population

#30aa68 hex color

#30aa68 Color Information

#30aa68 Color Conversion

Color Schemes with #30aa68

Alternatives to #30aa68

#30aa68 Preview

Shades and Tints of #30aa68

Tones of #30aa68

Color Blindness Simulator