#30a582 hex color

In a RGB color space, hex #30a582 is composed of 18.8% red, 64.7% green and 51% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 0% magenta, 21.2% yellow and 35.3% black. It has a hue angle of 162.1 degrees, a saturation of 54.9% and a lightness of 41.8%. #30a582 color hex could be obtained by blending #60ffff with #004b05. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 65
- B 51
RGB color chart
- C 71
- M 0
- Y 21
- K 35
CMYK color chart

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

The hexadecimal color #30a582 has RGB values of R:48, G:165, B:130 and CMYK values of C:0.71, M:0, Y:0.21, K:0.35. Its decimal value is 3188098.

Hex triplet	30a582	`#30a582`
RGB Decimal	48, 165, 130	`rgb(48,165,130)`
RGB Percent	18.8, 64.7, 51	`rgb(18.8%,64.7%,51%)`
CMYK	71, 0, 21, 35
HSL	162.1°, 54.9, 41.8	`hsl(162.1,54.9%,41.8%)`
HSV (or HSB)	162.1°, 70.9, 64.7
Web Safe	339999	`#339999`

CIE-LAB	60.913, -40.704, 8.913
XYZ	18.702, 29.149, 25.758
xyY	0.254, 0.396, 29.149
CIE-LCH	60.913, 41.668, 167.648
CIE-LUV	60.913, -45.566, 18.738
Hunter-Lab	53.989, -32.65, 9.505
Binary	00110000, 10100101, 10000010

#30a582
```
#30a582 rgb(48,165,130)
```
#a53053
```
#a53053 rgb(165,48,83)
```

Complementary Color

#30a547
```
#30a547 rgb(48,165,71)
```
#30a582
```
#30a582 rgb(48,165,130)
```
#308ea5
```
#308ea5 rgb(48,142,165)
```

Analogous Color

#a54830
```
#a54830 rgb(165,72,48)
```
#30a582
```
#30a582 rgb(48,165,130)
```
#a5308e
```
#a5308e rgb(165,48,142)
```

Split Complementary Color

#a58230
```
#a58230 rgb(165,130,48)
```
#30a582
```
#30a582 rgb(48,165,130)
```
#8230a5
```
#8230a5 rgb(130,48,165)
```

Triadic Color

#53a530
```
#53a530 rgb(83,165,48)
```
#30a582
```
#30a582 rgb(48,165,130)
```
#8230a5
```
#8230a5 rgb(130,48,165)
```
#a53053
```
#a53053 rgb(165,48,83)
```

Tetradic Color

#1f6a53
```
#1f6a53 rgb(31,106,83)
```
#257d63
```
#257d63 rgb(37,125,99)
```
#2a9172
```
#2a9172 rgb(42,145,114)
```
#30a582
```
#30a582 rgb(48,165,130)
```
#36b992
```
#36b992 rgb(54,185,146)
```
#40c89f
```
#40c89f rgb(64,200,159)
```
#54cda9
```
#54cda9 rgb(84,205,169)
```

Monochromatic Color

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

#30a565
```
#30a565 rgb(48,165,101)
```
#30a56f
```
#30a56f rgb(48,165,111)
```
#30a578
```
#30a578 rgb(48,165,120)
```
#30a582
```
#30a582 rgb(48,165,130)
```
#30a58c
```
#30a58c rgb(48,165,140)
```
#30a596
```
#30a596 rgb(48,165,150)
```
#30a59f
```
#30a59f rgb(48,165,159)
```

Similar Colors

Text with hexadecimal color #30a582

This text has a font color of #30a582.

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

#30a582 background color

This paragraph has a background color of #30a582.

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

#30a582 border color

This element has a border color of #30a582.

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

CSS codes

.text {color:#30a582;}

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

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

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, #040d0a is the darkest color, while #fdfefe is the lightest one.

#040d0a
```
#040d0a rgb(4,13,10)
```
#081c16
```
#081c16 rgb(8,28,22)
```
#0d2b22
```
#0d2b22 rgb(13,43,34)
```
#113b2e
```
#113b2e rgb(17,59,46)
```
#154a3a
```
#154a3a rgb(21,74,58)
```
#1a5946
```
#1a5946 rgb(26,89,70)
```
#1e6852
```
#1e6852 rgb(30,104,82)
```
#23775e
```
#23775e rgb(35,119,94)
```
#27876a
```
#27876a rgb(39,135,106)
```
#2c9676
```
#2c9676 rgb(44,150,118)
```
#30a582
```
#30a582 rgb(48,165,130)
```
#34b48e
```
#34b48e rgb(52,180,142)
```
#39c39a
```
#39c39a rgb(57,195,154)
```

Shade Color Variation

#47c9a2
```
#47c9a2 rgb(71,201,162)
```
#56ceaa
```
#56ceaa rgb(86,206,170)
```
#65d2b1
```
#65d2b1 rgb(101,210,177)
```
#74d7b9
```
#74d7b9 rgb(116,215,185)
```
#83dbc1
```
#83dbc1 rgb(131,219,193)
```
#92dfc8
```
#92dfc8 rgb(146,223,200)
```
#a2e4d0
```
#a2e4d0 rgb(162,228,208)
```
#b1e8d8
```
#b1e8d8 rgb(177,232,216)
```
#c0eddf
```
#c0eddf rgb(192,237,223)
```
#cff1e7
```
#cff1e7 rgb(207,241,231)
```
#def6ef
```
#def6ef rgb(222,246,239)
```
#eefaf6
```
#eefaf6 rgb(238,250,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696c6b is the less saturated color, while #07ce92 is the most saturated one.

#696c6b
```
#696c6b rgb(105,108,107)
```
#61746e
```
#61746e rgb(97,116,110)
```
#597c72
```
#597c72 rgb(89,124,114)
```
#518475
```
#518475 rgb(81,132,117)
```
#498c78
```
#498c78 rgb(73,140,120)
```
#40957b
```
#40957b rgb(64,149,123)
```
#389d7f
```
#389d7f rgb(56,157,127)
```
#30a582
```
#30a582 rgb(48,165,130)
```
#28ad85
```
#28ad85 rgb(40,173,133)
```
#20b589
```
#20b589 rgb(32,181,137)
```
#17be8c
```
#17be8c rgb(23,190,140)
```
#0fc68f
```
#0fc68f rgb(15,198,143)
```
#07ce92
```
#07ce92 rgb(7,206,146)
```

Tone Color Variation

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

Dichromacy

#a09880 Protanopia 1% of men
#a99390 Deuteranopia 1% of men
#50a4b0 Tritanopia 0.001% of the population

Trichromacy

#779c80 Protanomaly 1% of men, 0.01% of women
#7d998b Deuteranomaly 6% of men, 0.4% of women
#44a49f Tritanomaly 0.01% of the population

#30a582 hex color

#30a582 Color Information

#30a582 Color Conversion

Color Schemes with #30a582

Alternatives to #30a582

#30a582 Preview

Shades and Tints of #30a582

Tones of #30a582

Color Blindness Simulator