#30886f hex color

In a RGB color space, hex #30886f is composed of 18.8% red, 53.3% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 0% magenta, 18.4% yellow and 46.7% black. It has a hue angle of 163 degrees, a saturation of 47.8% and a lightness of 36.1%. #30886f color hex could be obtained by blending #60ffde with #001100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 53
- B 44
RGB color chart
- C 65
- M 0
- Y 18
- K 47
CMYK color chart

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

The hexadecimal color #30886f has RGB values of R:48, G:136, B:111 and CMYK values of C:0.65, M:0, Y:0.18, K:0.47. Its decimal value is 3180655.

Hex triplet	30886f	`#30886f`
RGB Decimal	48, 136, 111	`rgb(48,136,111)`
RGB Percent	18.8, 53.3, 43.5	`rgb(18.8%,53.3%,43.5%)`
CMYK	65, 0, 18, 47
HSL	163°, 47.8, 36.1	`hsl(163,47.8%,36.1%)`
HSV (or HSB)	163°, 64.7, 53.3
Web Safe	339966	`#339966`

CIE-LAB	51.133, -32.47, 5.777
XYZ	12.891, 19.383, 18.1
xyY	0.256, 0.385, 19.383
CIE-LCH	51.133, 32.98, 169.911
CIE-LUV	51.133, -35.748, 12.652
Hunter-Lab	44.026, -24.78, 6.443
Binary	00110000, 10001000, 01101111

#30886f
```
#30886f rgb(48,136,111)
```
#883049
```
#883049 rgb(136,48,73)
```

Complementary Color

#308843
```
#308843 rgb(48,136,67)
```
#30886f
```
#30886f rgb(48,136,111)
```
#307588
```
#307588 rgb(48,117,136)
```

Analogous Color

#884330
```
#884330 rgb(136,67,48)
```
#30886f
```
#30886f rgb(48,136,111)
```
#883075
```
#883075 rgb(136,48,117)
```

Split Complementary Color

#886f30
```
#886f30 rgb(136,111,48)
```
#30886f
```
#30886f rgb(48,136,111)
```
#6f3088
```
#6f3088 rgb(111,48,136)
```

Triadic Color

#498830
```
#498830 rgb(73,136,48)
```
#30886f
```
#30886f rgb(48,136,111)
```
#6f3088
```
#6f3088 rgb(111,48,136)
```
#883049
```
#883049 rgb(136,48,73)
```

Tetradic Color

#1c4f41
```
#1c4f41 rgb(28,79,65)
```
#236250
```
#236250 rgb(35,98,80)
```
#297560
```
#297560 rgb(41,117,96)
```
#30886f
```
#30886f rgb(48,136,111)
```
#379b7e
```
#379b7e rgb(55,155,126)
```
#3dae8e
```
#3dae8e rgb(61,174,142)
```
#47be9c
```
#47be9c rgb(71,190,156)
```

Monochromatic Color

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

#308859
```
#308859 rgb(48,136,89)
```
#308860
```
#308860 rgb(48,136,96)
```
#308868
```
#308868 rgb(48,136,104)
```
#30886f
```
#30886f rgb(48,136,111)
```
#308876
```
#308876 rgb(48,136,118)
```
#30887e
```
#30887e rgb(48,136,126)
```
#308885
```
#308885 rgb(48,136,133)
```

Similar Colors

Text with hexadecimal color #30886f

This text has a font color of #30886f.

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

#30886f background color

This paragraph has a background color of #30886f.

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

#30886f border color

This element has a border color of #30886f.

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

CSS codes

.text {color:#30886f;}

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

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

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

#020605
```
#020605 rgb(2,6,5)
```
#071410
```
#071410 rgb(7,20,16)
```
#0c231c
```
#0c231c rgb(12,35,28)
```
#113128
```
#113128 rgb(17,49,40)
```
#164034
```
#164034 rgb(22,64,52)
```
#1c4e40
```
#1c4e40 rgb(28,78,64)
```
#215d4c
```
#215d4c rgb(33,93,76)
```
#266b57
```
#266b57 rgb(38,107,87)
```
#2b7a63
```
#2b7a63 rgb(43,122,99)
```
#30886f
```
#30886f rgb(48,136,111)
```
#35967b
```
#35967b rgb(53,150,123)
```
#3aa587
```
#3aa587 rgb(58,165,135)
```
#3fb392
```
#3fb392 rgb(63,179,146)
```

Shade Color Variation

#48be9d
```
#48be9d rgb(72,190,157)
```
#57c4a5
```
#57c4a5 rgb(87,196,165)
```
#65c9ac
```
#65c9ac rgb(101,201,172)
```
#74ceb4
```
#74ceb4 rgb(116,206,180)
```
#82d3bc
```
#82d3bc rgb(130,211,188)
```
#91d8c4
```
#91d8c4 rgb(145,216,196)
```
#9fddcb
```
#9fddcb rgb(159,221,203)
```
#aee2d3
```
#aee2d3 rgb(174,226,211)
```
#bce7db
```
#bce7db rgb(188,231,219)
```
#cbece3
```
#cbece3 rgb(203,236,227)
```
#d9f2eb
```
#d9f2eb rgb(217,242,235)
```
#e8f7f2
```
#e8f7f2 rgb(232,247,242)
```
#f6fcfa
```
#f6fcfa rgb(246,252,250)
```

Tint Color Variation

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

#5a5e5d
```
#5a5e5d rgb(90,94,93)
```
#536560
```
#536560 rgb(83,101,96)
```
#4c6c63
```
#4c6c63 rgb(76,108,99)
```
#457366
```
#457366 rgb(69,115,102)
```
#3e7a69
```
#3e7a69 rgb(62,122,105)
```
#37816c
```
#37816c rgb(55,129,108)
```
#30886f
```
#30886f rgb(48,136,111)
```
#298f72
```
#298f72 rgb(41,143,114)
```
#229675
```
#229675 rgb(34,150,117)
```
#1b9d78
```
#1b9d78 rgb(27,157,120)
```
#14a47b
```
#14a47b rgb(20,164,123)
```
#0dab7e
```
#0dab7e rgb(13,171,126)
```
#06b281
```
#06b281 rgb(6,178,129)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5f716c Atypical Achromatopsia 0.001% of the population

Dichromacy

#86806f Protanopia 1% of men
#8e7c7c Deuteranopia 1% of men
#488994 Tritanopia 0.001% of the population

Trichromacy

#67836f Protanomaly 1% of men, 0.01% of women
#6b8077 Deuteranomaly 6% of men, 0.4% of women
#3f8986 Tritanomaly 0.01% of the population

#30886f hex color

#30886f Color Information

#30886f Color Conversion

Color Schemes with #30886f

Alternatives to #30886f

#30886f Preview

Shades and Tints of #30886f

Tones of #30886f

Color Blindness Simulator