#30996f hex color

In a RGB color space, hex #30996f is composed of 18.8% red, 60% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 0% magenta, 27.5% yellow and 40% black. It has a hue angle of 156 degrees, a saturation of 52.2% and a lightness of 39.4%. #30996f color hex could be obtained by blending #60ffde with #003300. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 60
- B 44
RGB color chart
- C 69
- M 0
- Y 27
- K 40
CMYK color chart

● #30996f color description : Dark moderate cyan - lime green.

The hexadecimal color #30996f has RGB values of R:48, G:153, B:111 and CMYK values of C:0.69, M:0, Y:0.27, K:0.4. Its decimal value is 3185007.

Hex triplet	30996f	`#30996f`
RGB Decimal	48, 153, 111	`rgb(48,153,111)`
RGB Percent	18.8, 60, 43.5	`rgb(18.8%,60%,43.5%)`
CMYK	69, 0, 27, 40
HSL	156°, 52.2, 39.4	`hsl(156,52.2%,39.4%)`
HSV (or HSB)	156°, 68.6, 60
Web Safe	339966	`#339966`

CIE-LAB	56.641, -40.066, 13.556
XYZ	15.478, 24.557, 18.962
xyY	0.262, 0.416, 24.557
CIE-LCH	56.641, 42.297, 161.308
CIE-LUV	56.641, -42.236, 24.406
Hunter-Lab	49.555, -30.968, 12.001
Binary	00110000, 10011001, 01101111

#30996f
```
#30996f rgb(48,153,111)
```
#99305a
```
#99305a rgb(153,48,90)
```

Complementary Color

#30993b
```
#30993b rgb(48,153,59)
```
#30996f
```
#30996f rgb(48,153,111)
```
#308f99
```
#308f99 rgb(48,143,153)
```

Analogous Color

#993b30
```
#993b30 rgb(153,59,48)
```
#30996f
```
#30996f rgb(48,153,111)
```
#99308f
```
#99308f rgb(153,48,143)
```

Split Complementary Color

#996f30
```
#996f30 rgb(153,111,48)
```
#30996f
```
#30996f rgb(48,153,111)
```
#6f3099
```
#6f3099 rgb(111,48,153)
```

Triadic Color

#5a9930
```
#5a9930 rgb(90,153,48)
```
#30996f
```
#30996f rgb(48,153,111)
```
#6f3099
```
#6f3099 rgb(111,48,153)
```
#99305a
```
#99305a rgb(153,48,90)
```

Tetradic Color

#1e5f45
```
#1e5f45 rgb(30,95,69)
```
#247253
```
#247253 rgb(36,114,83)
```
#2a8661
```
#2a8661 rgb(42,134,97)
```
#30996f
```
#30996f rgb(48,153,111)
```
#36ac7d
```
#36ac7d rgb(54,172,125)
```
#3cc08b
```
#3cc08b rgb(60,192,139)
```
#4ec797
```
#4ec797 rgb(78,199,151)
```

Monochromatic Color

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

#309955
```
#309955 rgb(48,153,85)
```
#30995e
```
#30995e rgb(48,153,94)
```
#309966
```
#309966 rgb(48,153,102)
```
#30996f
```
#30996f rgb(48,153,111)
```
#309978
```
#309978 rgb(48,153,120)
```
#309981
```
#309981 rgb(48,153,129)
```
#309989
```
#309989 rgb(48,153,137)
```

Similar Colors

Text with hexadecimal color #30996f

This text has a font color of #30996f.

<span style="color:#30996f;">Text here</span>

#30996f background color

This paragraph has a background color of #30996f.

<p style="background-color:#30996f;">Content here</p>

#30996f border color

This element has a border color of #30996f.

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

CSS codes

.text {color:#30996f;}

.background {background-color:#30996f;}

.border {border:1px solid #30996f;}

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, #010403 is the darkest color, while #f4fbf8 is the lightest one.

#010403
```
#010403 rgb(1,4,3)
```
#06130e
```
#06130e rgb(6,19,14)
```
#0b2218
```
#0b2218 rgb(11,34,24)
```
#0f3023
```
#0f3023 rgb(15,48,35)
```
#143f2e
```
#143f2e rgb(20,63,46)
```
#194e39
```
#194e39 rgb(25,78,57)
```
#1d5d44
```
#1d5d44 rgb(29,93,68)
```
#226c4f
```
#226c4f rgb(34,108,79)
```
#277b59
```
#277b59 rgb(39,123,89)
```
#2b8a64
```
#2b8a64 rgb(43,138,100)
```
#30996f
```
#30996f rgb(48,153,111)
```
#35a87a
```
#35a87a rgb(53,168,122)
```
#39b785
```
#39b785 rgb(57,183,133)
```

Shade Color Variation

#41c38f
```
#41c38f rgb(65,195,143)
```
#50c898
```
#50c898 rgb(80,200,152)
```
#5ecda1
```
#5ecda1 rgb(94,205,161)
```
#6dd1a9
```
#6dd1a9 rgb(109,209,169)
```
#7cd6b2
```
#7cd6b2 rgb(124,214,178)
```
#8bdbbb
```
#8bdbbb rgb(139,219,187)
```
#9adfc4
```
#9adfc4 rgb(154,223,196)
```
#a9e4cc
```
#a9e4cc rgb(169,228,204)
```
#b8e9d5
```
#b8e9d5 rgb(184,233,213)
```
#c7edde
```
#c7edde rgb(199,237,222)
```
#d6f2e7
```
#d6f2e7 rgb(214,242,231)
```
#e5f7f0
```
#e5f7f0 rgb(229,247,240)
```
#f4fbf8
```
#f4fbf8 rgb(244,251,248)
```

Tint Color Variation

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

#5e6b66
```
#5e6b66 rgb(94,107,102)
```
#577267
```
#577267 rgb(87,114,103)
```
#4f7a69
```
#4f7a69 rgb(79,122,105)
```
#47826a
```
#47826a rgb(71,130,106)
```
#3f8a6c
```
#3f8a6c rgb(63,138,108)
```
#38916d
```
#38916d rgb(56,145,109)
```
#30996f
```
#30996f rgb(48,153,111)
```
#28a171
```
#28a171 rgb(40,161,113)
```
#21a872
```
#21a872 rgb(33,168,114)
```
#19b074
```
#19b074 rgb(25,176,116)
```
#11b875
```
#11b875 rgb(17,184,117)
```
#09c077
```
#09c077 rgb(9,192,119)
```
#02c778
```
#02c778 rgb(2,199,120)
```

Tone Color Variation

Below, you can see how #30996f 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

#757575 Achromatopsia 0.005% of the population
#677c74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978d6f Protanopia 1% of men
#a1897d Deuteranopia 1% of men
#5098a3 Tritanopia 0.001% of the population

Trichromacy

#71916f Protanomaly 1% of men, 0.01% of women
#788e78 Deuteranomaly 6% of men, 0.4% of women
#449890 Tritanomaly 0.01% of the population

#30996f hex color

#30996f Color Information

#30996f Color Conversion

Color Schemes with #30996f

Alternatives to #30996f

#30996f Preview

Shades and Tints of #30996f

Tones of #30996f

Color Blindness Simulator