#30a55f hex color

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

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

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

The hexadecimal color #30a55f has RGB values of R:48, G:165, B:95 and CMYK values of C:0.71, M:0, Y:0.42, K:0.35. Its decimal value is 3188063.

Hex triplet	30a55f	`#30a55f`
RGB Decimal	48, 165, 95	`rgb(48,165,95)`
RGB Percent	18.8, 64.7, 37.3	`rgb(18.8%,64.7%,37.3%)`
CMYK	71, 0, 42, 35
HSL	144.1°, 54.9, 41.8	`hsl(144.1,54.9%,41.8%)`
HSV (or HSB)	144.1°, 70.9, 64.7
Web Safe	339966	`#339966`

CIE-LAB	60.216, -48.254, 27.161
XYZ	16.738, 28.363, 15.418
xyY	0.277, 0.469, 28.363
CIE-LCH	60.216, 55.373, 150.626
CIE-LUV	60.216, -47.566, 42.493
Hunter-Lab	53.257, -37.098, 20.115
Binary	00110000, 10100101, 01011111

#30a55f
```
#30a55f rgb(48,165,95)
```
#a53076
```
#a53076 rgb(165,48,118)
```

Complementary Color

#3ca530
```
#3ca530 rgb(60,165,48)
```
#30a55f
```
#30a55f rgb(48,165,95)
```
#30a59a
```
#30a59a rgb(48,165,154)
```

Analogous Color

#a5303c
```
#a5303c rgb(165,48,60)
```
#30a55f
```
#30a55f rgb(48,165,95)
```
#9a30a5
```
#9a30a5 rgb(154,48,165)
```

Split Complementary Color

#a55f30
```
#a55f30 rgb(165,95,48)
```
#30a55f
```
#30a55f rgb(48,165,95)
```
#5f30a5
```
#5f30a5 rgb(95,48,165)
```

Triadic Color

#76a530
```
#76a530 rgb(118,165,48)
```
#30a55f
```
#30a55f rgb(48,165,95)
```
#5f30a5
```
#5f30a5 rgb(95,48,165)
```
#a53076
```
#a53076 rgb(165,48,118)
```

Tetradic Color

#1f6a3d
```
#1f6a3d rgb(31,106,61)
```
#257d48
```
#257d48 rgb(37,125,72)
```
#2a9154
```
#2a9154 rgb(42,145,84)
```
#30a55f
```
#30a55f rgb(48,165,95)
```
#36b96a
```
#36b96a rgb(54,185,106)
```
#40c877
```
#40c877 rgb(64,200,119)
```
#54cd85
```
#54cd85 rgb(84,205,133)
```

Monochromatic Color

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

#30a542
```
#30a542 rgb(48,165,66)
```
#30a54c
```
#30a54c rgb(48,165,76)
```
#30a555
```
#30a555 rgb(48,165,85)
```
#30a55f
```
#30a55f rgb(48,165,95)
```
#30a569
```
#30a569 rgb(48,165,105)
```
#30a573
```
#30a573 rgb(48,165,115)
```
#30a57c
```
#30a57c rgb(48,165,124)
```

Similar Colors

Text with hexadecimal color #30a55f

This text has a font color of #30a55f.

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

#30a55f background color

This paragraph has a background color of #30a55f.

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

#30a55f border color

This element has a border color of #30a55f.

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

CSS codes

.text {color:#30a55f;}

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

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

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)
```
#081c10
```
#081c10 rgb(8,28,16)
```
#0d2b19
```
#0d2b19 rgb(13,43,25)
```
#113b22
```
#113b22 rgb(17,59,34)
```
#154a2b
```
#154a2b rgb(21,74,43)
```
#1a5933
```
#1a5933 rgb(26,89,51)
```
#1e683c
```
#1e683c rgb(30,104,60)
```
#237745
```
#237745 rgb(35,119,69)
```
#27874e
```
#27874e rgb(39,135,78)
```
#2c9656
```
#2c9656 rgb(44,150,86)
```
#30a55f
```
#30a55f rgb(48,165,95)
```
#34b468
```
#34b468 rgb(52,180,104)
```
#39c370
```
#39c370 rgb(57,195,112)
```

Shade Color Variation

#47c97b
```
#47c97b rgb(71,201,123)
```
#56ce86
```
#56ce86 rgb(86,206,134)
```
#65d291
```
#65d291 rgb(101,210,145)
```
#74d79c
```
#74d79c rgb(116,215,156)
```
#83dba7
```
#83dba7 rgb(131,219,167)
```
#92dfb1
```
#92dfb1 rgb(146,223,177)
```
#a2e4bc
```
#a2e4bc rgb(162,228,188)
```
#b1e8c7
```
#b1e8c7 rgb(177,232,199)
```
#c0edd2
```
#c0edd2 rgb(192,237,210)
```
#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 #07ce57 is the most saturated one.

#696c6a
```
#696c6a rgb(105,108,106)
```
#617469
```
#617469 rgb(97,116,105)
```
#597c67
```
#597c67 rgb(89,124,103)
```
#518465
```
#518465 rgb(81,132,101)
```
#498c64
```
#498c64 rgb(73,140,100)
```
#409562
```
#409562 rgb(64,149,98)
```
#389d61
```
#389d61 rgb(56,157,97)
```
#30a55f
```
#30a55f rgb(48,165,95)
```
#28ad5d
```
#28ad5d rgb(40,173,93)
```
#20b55c
```
#20b55c rgb(32,181,92)
```
#17be5a
```
#17be5a rgb(23,190,90)
```
#0fc659
```
#0fc659 rgb(15,198,89)
```
#07ce57
```
#07ce57 rgb(7,206,87)
```

Tone Color Variation

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

#a49660 Protanopia 1% of men
#b1906f Deuteranopia 1% of men
#58a1ad Tritanopia 0.001% of the population

Trichromacy

#799b5f Protanomaly 1% of men, 0.01% of women
#829869 Deuteranomaly 6% of men, 0.4% of women
#49a290 Tritanomaly 0.01% of the population

#30a55f hex color

#30a55f Color Information

#30a55f Color Conversion

Color Schemes with #30a55f

Alternatives to #30a55f

#30a55f Preview

Shades and Tints of #30a55f

Tones of #30a55f

Color Blindness Simulator