#30ac64 hex color

In a RGB color space, hex #30ac64 is composed of 18.8% red, 67.5% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 0% magenta, 41.9% yellow and 32.5% black. It has a hue angle of 145.2 degrees, a saturation of 56.4% and a lightness of 43.1%. #30ac64 color hex could be obtained by blending #60ffc8 with #005900. Closest websafe color is: #339966.

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

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

The hexadecimal color #30ac64 has RGB values of R:48, G:172, B:100 and CMYK values of C:0.72, M:0, Y:0.42, K:0.33. Its decimal value is 3189860.

Hex triplet	30ac64	`#30ac64`
RGB Decimal	48, 172, 100	`rgb(48,172,100)`
RGB Percent	18.8, 67.5, 39.2	`rgb(18.8%,67.5%,39.2%)`
CMYK	72, 0, 42, 33
HSL	145.2°, 56.4, 43.1	`hsl(145.2,56.4%,43.1%)`
HSV (or HSB)	145.2°, 72.1, 67.5
Web Safe	339966	`#339966`

CIE-LAB	62.551, -50.021, 27.556
XYZ	18.27, 31.052, 17.087
xyY	0.275, 0.468, 31.052
CIE-LCH	62.551, 57.109, 151.15
CIE-LUV	62.551, -49.861, 43.692
Hunter-Lab	55.724, -38.992, 20.827
Binary	00110000, 10101100, 01100100

#30ac64
```
#30ac64 rgb(48,172,100)
```
#ac3078
```
#ac3078 rgb(172,48,120)
```

Complementary Color

#3aac30
```
#3aac30 rgb(58,172,48)
```
#30ac64
```
#30ac64 rgb(48,172,100)
```
#30aca2
```
#30aca2 rgb(48,172,162)
```

Analogous Color

#ac303a
```
#ac303a rgb(172,48,58)
```
#30ac64
```
#30ac64 rgb(48,172,100)
```
#a230ac
```
#a230ac rgb(162,48,172)
```

Split Complementary Color

#ac6430
```
#ac6430 rgb(172,100,48)
```
#30ac64
```
#30ac64 rgb(48,172,100)
```
#6430ac
```
#6430ac rgb(100,48,172)
```

Triadic Color

#78ac30
```
#78ac30 rgb(120,172,48)
```
#30ac64
```
#30ac64 rgb(48,172,100)
```
#6430ac
```
#6430ac rgb(100,48,172)
```
#ac3078
```
#ac3078 rgb(172,48,120)
```

Tetradic Color

#1f7041
```
#1f7041 rgb(31,112,65)
```
#25844d
```
#25844d rgb(37,132,77)
```
#2a9858
```
#2a9858 rgb(42,152,88)
```
#30ac64
```
#30ac64 rgb(48,172,100)
```
#36c070
```
#36c070 rgb(54,192,112)
```
#44cb7d
```
#44cb7d rgb(68,203,125)
```
#58d08b
```
#58d08b rgb(88,208,139)
```

Monochromatic Color

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

#30ac45
```
#30ac45 rgb(48,172,69)
```
#30ac4f
```
#30ac4f rgb(48,172,79)
```
#30ac5a
```
#30ac5a rgb(48,172,90)
```
#30ac64
```
#30ac64 rgb(48,172,100)
```
#30ac6e
```
#30ac6e rgb(48,172,110)
```
#30ac79
```
#30ac79 rgb(48,172,121)
```
#30ac83
```
#30ac83 rgb(48,172,131)
```

Similar Colors

Text with hexadecimal color #30ac64

This text has a font color of #30ac64.

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

#30ac64 background color

This paragraph has a background color of #30ac64.

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

#30ac64 border color

This element has a border color of #30ac64.

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

CSS codes

.text {color:#30ac64;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#05130b
```
#05130b rgb(5,19,11)
```
#092214
```
#092214 rgb(9,34,20)
```
#0e311d
```
#0e311d rgb(14,49,29)
```
#124126
```
#124126 rgb(18,65,38)
```
#16502f
```
#16502f rgb(22,80,47)
```
#1b5f37
```
#1b5f37 rgb(27,95,55)
```
#1f6f40
```
#1f6f40 rgb(31,111,64)
```
#237e49
```
#237e49 rgb(35,126,73)
```
#278d52
```
#278d52 rgb(39,141,82)
```
#2c9d5b
```
#2c9d5b rgb(44,157,91)
```
#30ac64
```
#30ac64 rgb(48,172,100)
```
#34bb6d
```
#34bb6d rgb(52,187,109)
```

Shade Color Variation

#3bc876
```
#3bc876 rgb(59,200,118)
```
#4acd81
```
#4acd81 rgb(74,205,129)
```
#5ad18c
```
#5ad18c rgb(90,209,140)
```
#69d596
```
#69d596 rgb(105,213,150)
```
#78d9a1
```
#78d9a1 rgb(120,217,161)
```
#88deac
```
#88deac rgb(136,222,172)
```
#97e2b6
```
#97e2b6 rgb(151,226,182)
```
#a6e6c1
```
#a6e6c1 rgb(166,230,193)
```
#b6ebcc
```
#b6ebcc rgb(182,235,204)
```
#c5efd7
```
#c5efd7 rgb(197,239,215)
```
#d4f3e1
```
#d4f3e1 rgb(212,243,225)
```
#e4f7ec
```
#e4f7ec rgb(228,247,236)
```
#f3fcf7
```
#f3fcf7 rgb(243,252,247)
```

Tint Color Variation

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

#6b716e
```
#6b716e rgb(107,113,110)
```
#63796c
```
#63796c rgb(99,121,108)
```
#5a826b
```
#5a826b rgb(90,130,107)
```
#528a69
```
#528a69 rgb(82,138,105)
```
#499368
```
#499368 rgb(73,147,104)
```
#419b67
```
#419b67 rgb(65,155,103)
```
#38a465
```
#38a465 rgb(56,164,101)
```
#30ac64
```
#30ac64 rgb(48,172,100)
```
#28b463
```
#28b463 rgb(40,180,99)
```
#1fbd61
```
#1fbd61 rgb(31,189,97)
```
#17c560
```
#17c560 rgb(23,197,96)
```
#0ece5f
```
#0ece5f rgb(14,206,95)
```
#06d65d
```
#06d65d rgb(6,214,93)
```

Tone Color Variation

Below, you can see how #30ac64 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
#6f887a Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9c64 Protanopia 1% of men
#b89675 Deuteranopia 1% of men
#5aa7b3 Tritanopia 0.001% of the population

Trichromacy

#7da264 Protanomaly 1% of men, 0.01% of women
#869e6e Deuteranomaly 6% of men, 0.4% of women
#4ba996 Tritanomaly 0.01% of the population

#30ac64 hex color

#30ac64 Color Information

#30ac64 Color Conversion

Color Schemes with #30ac64

Alternatives to #30ac64

#30ac64 Preview

Shades and Tints of #30ac64

Tones of #30ac64

Color Blindness Simulator