#30946a hex color

In a RGB color space, hex #30946a is composed of 18.8% red, 58% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 0% magenta, 28.4% yellow and 42% black. It has a hue angle of 154.8 degrees, a saturation of 51% and a lightness of 38.4%. #30946a color hex could be obtained by blending #60ffd4 with #002900. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 58
- B 42
RGB color chart
- C 68
- M 0
- Y 28
- K 42
CMYK color chart

● #30946a color description : Dark moderate cyan - lime green.

The hexadecimal color #30946a has RGB values of R:48, G:148, B:106 and CMYK values of C:0.68, M:0, Y:0.28, K:0.42. Its decimal value is 3183722.

Hex triplet	30946a	`#30946a`
RGB Decimal	48, 148, 106	`rgb(48,148,106)`
RGB Percent	18.8, 58, 41.6	`rgb(18.8%,58%,41.6%)`
CMYK	68, 0, 28, 42
HSL	154.8°, 51, 38.4	`hsl(154.8,51%,38.4%)`
HSV (or HSB)	154.8°, 67.6, 58
Web Safe	339966	`#339966`

CIE-LAB	54.915, -39.061, 13.973
XYZ	14.409, 22.848, 17.286
xyY	0.264, 0.419, 22.848
CIE-LCH	54.915, 41.485, 160.316
CIE-LUV	54.915, -40.628, 24.592
Hunter-Lab	47.799, -29.839, 12.018
Binary	00110000, 10010100, 01101010

#30946a
```
#30946a rgb(48,148,106)
```
#94305a
```
#94305a rgb(148,48,90)
```

Complementary Color

#309438
```
#309438 rgb(48,148,56)
```
#30946a
```
#30946a rgb(48,148,106)
```
#308c94
```
#308c94 rgb(48,140,148)
```

Analogous Color

#943830
```
#943830 rgb(148,56,48)
```
#30946a
```
#30946a rgb(48,148,106)
```
#94308c
```
#94308c rgb(148,48,140)
```

Split Complementary Color

#946a30
```
#946a30 rgb(148,106,48)
```
#30946a
```
#30946a rgb(48,148,106)
```
#6a3094
```
#6a3094 rgb(106,48,148)
```

Triadic Color

#5a9430
```
#5a9430 rgb(90,148,48)
```
#30946a
```
#30946a rgb(48,148,106)
```
#6a3094
```
#6a3094 rgb(106,48,148)
```
#94305a
```
#94305a rgb(148,48,90)
```

Tetradic Color

#1d5a41
```
#1d5a41 rgb(29,90,65)
```
#246d4e
```
#246d4e rgb(36,109,78)
```
#2a815c
```
#2a815c rgb(42,129,92)
```
#30946a
```
#30946a rgb(48,148,106)
```
#36a778
```
#36a778 rgb(54,167,120)
```
#3cbb86
```
#3cbb86 rgb(60,187,134)
```
#4cc592
```
#4cc592 rgb(76,197,146)
```

Monochromatic Color

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

#309451
```
#309451 rgb(48,148,81)
```
#309459
```
#309459 rgb(48,148,89)
```
#309462
```
#309462 rgb(48,148,98)
```
#30946a
```
#30946a rgb(48,148,106)
```
#309472
```
#309472 rgb(48,148,114)
```
#30947b
```
#30947b rgb(48,148,123)
```
#309483
```
#309483 rgb(48,148,131)
```

Similar Colors

Text with hexadecimal color #30946a

This text has a font color of #30946a.

<span style="color:#30946a;">Text here</span>

#30946a background color

This paragraph has a background color of #30946a.

<p style="background-color:#30946a;">Content here</p>

#30946a border color

This element has a border color of #30946a.

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

CSS codes

.text {color:#30946a;}

.background {background-color:#30946a;}

.border {border:1px solid #30946a;}

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, #050f0b is the darkest color, while #ffffff is the lightest one.

#050f0b
```
#050f0b rgb(5,15,11)
```
#0a1e15
```
#0a1e15 rgb(10,30,21)
```
#0e2c20
```
#0e2c20 rgb(14,44,32)
```
#133b2a
```
#133b2a rgb(19,59,42)
```
#184a35
```
#184a35 rgb(24,74,53)
```
#1d5940
```
#1d5940 rgb(29,89,64)
```
#22684a
```
#22684a rgb(34,104,74)
```
#267655
```
#267655 rgb(38,118,85)
```
#2b855f
```
#2b855f rgb(43,133,95)
```
#30946a
```
#30946a rgb(48,148,106)
```
#35a375
```
#35a375 rgb(53,163,117)
```
#3ab27f
```
#3ab27f rgb(58,178,127)
```
#3ec08a
```
#3ec08a rgb(62,192,138)
```

Shade Color Variation

#4dc593
```
#4dc593 rgb(77,197,147)
```
#5cca9c
```
#5cca9c rgb(92,202,156)
```
#6bcfa5
```
#6bcfa5 rgb(107,207,165)
```
#7ad4ae
```
#7ad4ae rgb(122,212,174)
```
#88d9b7
```
#88d9b7 rgb(136,217,183)
```
#97ddc0
```
#97ddc0 rgb(151,221,192)
```
#a6e2c9
```
#a6e2c9 rgb(166,226,201)
```
#b5e7d2
```
#b5e7d2 rgb(181,231,210)
```
#c4ecdb
```
#c4ecdb rgb(196,236,219)
```
#d2f1e4
```
#d2f1e4 rgb(210,241,228)
```
#e1f5ed
```
#e1f5ed rgb(225,245,237)
```
#f0faf6
```
#f0faf6 rgb(240,250,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d6763 is the less saturated color, while #03c171 is the most saturated one.

#5d6763
```
#5d6763 rgb(93,103,99)
```
#566e64
```
#566e64 rgb(86,110,100)
```
#4e7665
```
#4e7665 rgb(78,118,101)
```
#477d66
```
#477d66 rgb(71,125,102)
```
#3f8568
```
#3f8568 rgb(63,133,104)
```
#388c69
```
#388c69 rgb(56,140,105)
```
#30946a
```
#30946a rgb(48,148,106)
```
#289c6b
```
#289c6b rgb(40,156,107)
```
#21a36c
```
#21a36c rgb(33,163,108)
```
#19ab6e
```
#19ab6e rgb(25,171,110)
```
#12b26f
```
#12b26f rgb(18,178,111)
```
#0aba70
```
#0aba70 rgb(10,186,112)
```
#03c171
```
#03c171 rgb(3,193,113)
```

Tone Color Variation

Below, you can see how #30946a 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

#717171 Achromatopsia 0.005% of the population
#647870 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93896a Protanopia 1% of men
#9c8578 Deuteranopia 1% of men
#4f939e Tritanopia 0.001% of the population

Trichromacy

#6f8d6a Protanomaly 1% of men, 0.01% of women
#758a73 Deuteranomaly 6% of men, 0.4% of women
#43938b Tritanomaly 0.01% of the population

#30946a hex color

#30946a Color Information

#30946a Color Conversion

Color Schemes with #30946a

Alternatives to #30946a

#30946a Preview

Shades and Tints of #30946a

Tones of #30946a

Color Blindness Simulator