colorhexa.com

#30946c hex color

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

- R 19
- G 58
- B 42
RGB color chart
- C 68
- M 0
- Y 27
- K 42
CMYK color chart

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

The hexadecimal color #30946c has RGB values of R:48, G:148, B:108 and CMYK values of C:0.68, M:0, Y:0.27, K:0.42. Its decimal value is 3183724.

Hex triplet	30946c	`#30946c`
RGB Decimal	48, 148, 108	`rgb(48,148,108)`
RGB Percent	18.8, 58, 42.4	`rgb(18.8%,58%,42.4%)`
CMYK	68, 0, 27, 42
HSL	156°, 51, 38.4	`hsl(156,51%,38.4%)`
HSV (or HSB)	156°, 67.6, 58
Web Safe	339966	`#339966`

CIE-LAB	54.958, -38.601, 12.903
XYZ	14.515, 22.89, 17.84
xyY	0.263, 0.414, 22.89
CIE-LCH	54.958, 40.7, 161.517
CIE-LUV	54.958, -40.516, 23.174
Hunter-Lab	47.843, -29.573, 11.382
Binary	00110000, 10010100, 01101100

#30946c
```
#30946c rgb(48,148,108)
```
#943058
```
#943058 rgb(148,48,88)
```

Complementary Color

#30943a
```
#30943a rgb(48,148,58)
```
#30946c
```
#30946c rgb(48,148,108)
```
#308a94
```
#308a94 rgb(48,138,148)
```

Analogous Color

#943a30
```
#943a30 rgb(148,58,48)
```
#30946c
```
#30946c rgb(48,148,108)
```
#94308a
```
#94308a rgb(148,48,138)
```

Split Complementary Color

#946c30
```
#946c30 rgb(148,108,48)
```
#30946c
```
#30946c rgb(48,148,108)
```
#6c3094
```
#6c3094 rgb(108,48,148)
```

Triadic Color

#589430
```
#589430 rgb(88,148,48)
```
#30946c
```
#30946c rgb(48,148,108)
```
#6c3094
```
#6c3094 rgb(108,48,148)
```
#943058
```
#943058 rgb(148,48,88)
```

Tetradic Color

#1d5a42
```
#1d5a42 rgb(29,90,66)
```
#246d50
```
#246d50 rgb(36,109,80)
```
#2a815e
```
#2a815e rgb(42,129,94)
```
#30946c
```
#30946c rgb(48,148,108)
```
#36a77a
```
#36a77a rgb(54,167,122)
```
#3cbb88
```
#3cbb88 rgb(60,187,136)
```
#4cc594
```
#4cc594 rgb(76,197,148)
```

Monochromatic Color

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

#309453
```
#309453 rgb(48,148,83)
```
#30945b
```
#30945b rgb(48,148,91)
```
#309464
```
#309464 rgb(48,148,100)
```
#30946c
```
#30946c rgb(48,148,108)
```
#309474
```
#309474 rgb(48,148,116)
```
#30947d
```
#30947d rgb(48,148,125)
```
#309485
```
#309485 rgb(48,148,133)
```

Similar Colors

Text with hexadecimal color #30946c

This text has a font color of #30946c.

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

#30946c background color

This paragraph has a background color of #30946c.

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

#30946c border color

This element has a border color of #30946c.

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

CSS codes

.text {color:#30946c;}

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

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

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)
```
#0a1e16
```
#0a1e16 rgb(10,30,22)
```
#0e2c20
```
#0e2c20 rgb(14,44,32)
```
#133b2b
```
#133b2b rgb(19,59,43)
```
#184a36
```
#184a36 rgb(24,74,54)
```
#1d5941
```
#1d5941 rgb(29,89,65)
```
#22684c
```
#22684c rgb(34,104,76)
```
#267656
```
#267656 rgb(38,118,86)
```
#2b8561
```
#2b8561 rgb(43,133,97)
```
#30946c
```
#30946c rgb(48,148,108)
```
#35a377
```
#35a377 rgb(53,163,119)
```
#3ab282
```
#3ab282 rgb(58,178,130)
```
#3ec08c
```
#3ec08c rgb(62,192,140)
```

Shade Color Variation

#4dc595
```
#4dc595 rgb(77,197,149)
```
#5cca9e
```
#5cca9e rgb(92,202,158)
```
#6bcfa7
```
#6bcfa7 rgb(107,207,167)
```
#7ad4b0
```
#7ad4b0 rgb(122,212,176)
```
#88d9b8
```
#88d9b8 rgb(136,217,184)
```
#97ddc1
```
#97ddc1 rgb(151,221,193)
```
#a6e2ca
```
#a6e2ca rgb(166,226,202)
```
#b5e7d3
```
#b5e7d3 rgb(181,231,211)
```
#c4ecdc
```
#c4ecdc rgb(196,236,220)
```
#d2f1e5
```
#d2f1e5 rgb(210,241,229)
```
#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 #03c175 is the most saturated one.

#5d6763
```
#5d6763 rgb(93,103,99)
```
#566e64
```
#566e64 rgb(86,110,100)
```
#4e7666
```
#4e7666 rgb(78,118,102)
```
#477d67
```
#477d67 rgb(71,125,103)
```
#3f8569
```
#3f8569 rgb(63,133,105)
```
#388c6a
```
#388c6a rgb(56,140,106)
```
#30946c
```
#30946c rgb(48,148,108)
```
#289c6e
```
#289c6e rgb(40,156,110)
```
#21a36f
```
#21a36f rgb(33,163,111)
```
#19ab71
```
#19ab71 rgb(25,171,113)
```
#12b272
```
#12b272 rgb(18,178,114)
```
#0aba74
```
#0aba74 rgb(10,186,116)
```
#03c175
```
#03c175 rgb(3,193,117)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#657971 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92896c Protanopia 1% of men
#9c857a Deuteranopia 1% of men
#4e939e Tritanopia 0.001% of the population

Trichromacy

#6e8d6c Protanomaly 1% of men, 0.01% of women
#748a75 Deuteranomaly 6% of men, 0.4% of women
#43938c Tritanomaly 0.01% of the population