#30a561 hex color

In a RGB color space, hex #30a561 is composed of 18.8% red, 64.7% green and 38% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 0% magenta, 41.2% yellow and 35.3% black. It has a hue angle of 145.1 degrees, a saturation of 54.9% and a lightness of 41.8%. #30a561 color hex could be obtained by blending #60ffc2 with #004b00. Closest websafe color is: #339966.

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

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

The hexadecimal color #30a561 has RGB values of R:48, G:165, B:97 and CMYK values of C:0.71, M:0, Y:0.41, K:0.35. Its decimal value is 3188065.

Hex triplet	30a561	`#30a561`
RGB Decimal	48, 165, 97	`rgb(48,165,97)`
RGB Percent	18.8, 64.7, 38	`rgb(18.8%,64.7%,38%)`
CMYK	71, 0, 41, 35
HSL	145.1°, 54.9, 41.8	`hsl(145.1,54.9%,41.8%)`
HSV (or HSB)	145.1°, 70.9, 64.7
Web Safe	339966	`#339966`

CIE-LAB	60.249, -47.883, 26.136
XYZ	16.831, 28.4, 15.903
xyY	0.275, 0.465, 28.4
CIE-LCH	60.249, 54.552, 151.373
CIE-LUV	60.249, -47.463, 41.293
Hunter-Lab	53.292, -36.887, 19.611
Binary	00110000, 10100101, 01100001

#30a561
```
#30a561 rgb(48,165,97)
```
#a53074
```
#a53074 rgb(165,48,116)
```

Complementary Color

#3aa530
```
#3aa530 rgb(58,165,48)
```
#30a561
```
#30a561 rgb(48,165,97)
```
#30a59c
```
#30a59c rgb(48,165,156)
```

Analogous Color

#a5303a
```
#a5303a rgb(165,48,58)
```
#30a561
```
#30a561 rgb(48,165,97)
```
#9c30a5
```
#9c30a5 rgb(156,48,165)
```

Split Complementary Color

#a56130
```
#a56130 rgb(165,97,48)
```
#30a561
```
#30a561 rgb(48,165,97)
```
#6130a5
```
#6130a5 rgb(97,48,165)
```

Triadic Color

#74a530
```
#74a530 rgb(116,165,48)
```
#30a561
```
#30a561 rgb(48,165,97)
```
#6130a5
```
#6130a5 rgb(97,48,165)
```
#a53074
```
#a53074 rgb(165,48,116)
```

Tetradic Color

#1f6a3e
```
#1f6a3e rgb(31,106,62)
```
#257d4a
```
#257d4a rgb(37,125,74)
```
#2a9155
```
#2a9155 rgb(42,145,85)
```
#30a561
```
#30a561 rgb(48,165,97)
```
#36b96d
```
#36b96d rgb(54,185,109)
```
#40c879
```
#40c879 rgb(64,200,121)
```
#54cd87
```
#54cd87 rgb(84,205,135)
```

Monochromatic Color

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

#30a544
```
#30a544 rgb(48,165,68)
```
#30a54d
```
#30a54d rgb(48,165,77)
```
#30a557
```
#30a557 rgb(48,165,87)
```
#30a561
```
#30a561 rgb(48,165,97)
```
#30a56b
```
#30a56b rgb(48,165,107)
```
#30a575
```
#30a575 rgb(48,165,117)
```
#30a57e
```
#30a57e rgb(48,165,126)
```

Similar Colors

Text with hexadecimal color #30a561

This text has a font color of #30a561.

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

#30a561 background color

This paragraph has a background color of #30a561.

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

#30a561 border color

This element has a border color of #30a561.

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

CSS codes

.text {color:#30a561;}

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

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

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

#040d08
```
#040d08 rgb(4,13,8)
```
#081c11
```
#081c11 rgb(8,28,17)
```
#0d2b1a
```
#0d2b1a rgb(13,43,26)
```
#113b22
```
#113b22 rgb(17,59,34)
```
#154a2b
```
#154a2b rgb(21,74,43)
```
#1a5934
```
#1a5934 rgb(26,89,52)
```
#1e683d
```
#1e683d rgb(30,104,61)
```
#237746
```
#237746 rgb(35,119,70)
```
#27874f
```
#27874f rgb(39,135,79)
```
#2c9658
```
#2c9658 rgb(44,150,88)
```
#30a561
```
#30a561 rgb(48,165,97)
```
#34b46a
```
#34b46a rgb(52,180,106)
```
#39c373
```
#39c373 rgb(57,195,115)
```

Shade Color Variation

#47c97d
```
#47c97d rgb(71,201,125)
```
#56ce88
```
#56ce88 rgb(86,206,136)
```
#65d293
```
#65d293 rgb(101,210,147)
```
#74d79d
```
#74d79d rgb(116,215,157)
```
#83dba8
```
#83dba8 rgb(131,219,168)
```
#92dfb3
```
#92dfb3 rgb(146,223,179)
```
#a2e4bd
```
#a2e4bd rgb(162,228,189)
```
#b1e8c8
```
#b1e8c8 rgb(177,232,200)
```
#c0edd3
```
#c0edd3 rgb(192,237,211)
```
#cff1dd
```
#cff1dd rgb(207,241,221)
```
#def6e8
```
#def6e8 rgb(222,246,232)
```
#eefaf3
```
#eefaf3 rgb(238,250,243)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#696c6a
```
#696c6a rgb(105,108,106)
```
#617469
```
#617469 rgb(97,116,105)
```
#597c68
```
#597c68 rgb(89,124,104)
```
#518466
```
#518466 rgb(81,132,102)
```
#498c65
```
#498c65 rgb(73,140,101)
```
#409564
```
#409564 rgb(64,149,100)
```
#389d62
```
#389d62 rgb(56,157,98)
```
#30a561
```
#30a561 rgb(48,165,97)
```
#28ad60
```
#28ad60 rgb(40,173,96)
```
#20b55e
```
#20b55e rgb(32,181,94)
```
#17be5d
```
#17be5d rgb(23,190,93)
```
#0fc65c
```
#0fc65c rgb(15,198,92)
```
#07ce5a
```
#07ce5a rgb(7,206,90)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6b8375 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39662 Protanopia 1% of men
#b19171 Deuteranopia 1% of men
#58a1ad Tritanopia 0.001% of the population

Trichromacy

#799c61 Protanomaly 1% of men, 0.01% of women
#82986b Deuteranomaly 6% of men, 0.4% of women
#49a291 Tritanomaly 0.01% of the population

#30a561 hex color

#30a561 Color Information

#30a561 Color Conversion

Color Schemes with #30a561

Alternatives to #30a561

#30a561 Preview

Shades and Tints of #30a561

Tones of #30a561

Color Blindness Simulator