#308e5a hex color

In a RGB color space, hex #308e5a is composed of 18.8% red, 55.7% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 0% magenta, 36.6% yellow and 44.3% black. It has a hue angle of 146.8 degrees, a saturation of 49.5% and a lightness of 37.3%. #308e5a color hex could be obtained by blending #60ffb4 with #001d00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 56
- B 35
RGB color chart
- C 66
- M 0
- Y 37
- K 44
CMYK color chart

● #308e5a color description : Dark moderate cyan - lime green.

The hexadecimal color #308e5a has RGB values of R:48, G:142, B:90 and CMYK values of C:0.66, M:0, Y:0.37, K:0.44. Its decimal value is 3182170.

Hex triplet	308e5a	`#308e5a`
RGB Decimal	48, 142, 90	`rgb(48,142,90)`
RGB Percent	18.8, 55.7, 35.3	`rgb(18.8%,55.7%,35.3%)`
CMYK	66, 0, 37, 44
HSL	146.8°, 49.5, 37.3	`hsl(146.8,49.5%,37.3%)`
HSV (or HSB)	146.8°, 66.2, 55.7
Web Safe	339966	`#339966`

CIE-LAB	52.632, -39.966, 19.852
XYZ	12.737, 20.711, 12.999
xyY	0.274, 0.446, 20.711
CIE-LCH	52.632, 44.625, 153.585
CIE-LUV	52.632, -39.18, 31.484
Hunter-Lab	45.51, -29.687, 14.922
Binary	00110000, 10001110, 01011010

#308e5a
```
#308e5a rgb(48,142,90)
```
#8e3064
```
#8e3064 rgb(142,48,100)
```

Complementary Color

#358e30
```
#358e30 rgb(53,142,48)
```
#308e5a
```
#308e5a rgb(48,142,90)
```
#308e89
```
#308e89 rgb(48,142,137)
```

Analogous Color

#8e3035
```
#8e3035 rgb(142,48,53)
```
#308e5a
```
#308e5a rgb(48,142,90)
```
#89308e
```
#89308e rgb(137,48,142)
```

Split Complementary Color

#8e5a30
```
#8e5a30 rgb(142,90,48)
```
#308e5a
```
#308e5a rgb(48,142,90)
```
#5a308e
```
#5a308e rgb(90,48,142)
```

Triadic Color

#648e30
```
#648e30 rgb(100,142,48)
```
#308e5a
```
#308e5a rgb(48,142,90)
```
#5a308e
```
#5a308e rgb(90,48,142)
```
#8e3064
```
#8e3064 rgb(142,48,100)
```

Tetradic Color

#1d5536
```
#1d5536 rgb(29,85,54)
```
#236842
```
#236842 rgb(35,104,66)
```
#2a7b4e
```
#2a7b4e rgb(42,123,78)
```
#308e5a
```
#308e5a rgb(48,142,90)
```
#36a166
```
#36a166 rgb(54,161,102)
```
#3db472
```
#3db472 rgb(61,180,114)
```
#49c17f
```
#49c17f rgb(73,193,127)
```

Monochromatic Color

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

#308e43
```
#308e43 rgb(48,142,67)
```
#308e4a
```
#308e4a rgb(48,142,74)
```
#308e52
```
#308e52 rgb(48,142,82)
```
#308e5a
```
#308e5a rgb(48,142,90)
```
#308e62
```
#308e62 rgb(48,142,98)
```
#308e6a
```
#308e6a rgb(48,142,106)
```
#308e72
```
#308e72 rgb(48,142,114)
```

Similar Colors

Text with hexadecimal color #308e5a

This text has a font color of #308e5a.

<span style="color:#308e5a;">Text here</span>

#308e5a background color

This paragraph has a background color of #308e5a.

<p style="background-color:#308e5a;">Content here</p>

#308e5a border color

This element has a border color of #308e5a.

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

CSS codes

.text {color:#308e5a;}

.background {background-color:#308e5a;}

.border {border:1px solid #308e5a;}

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, #030a06 is the darkest color, while #fafdfc is the lightest one.

#030a06
```
#030a06 rgb(3,10,6)
```
#081910
```
#081910 rgb(8,25,16)
```
#0d2719
```
#0d2719 rgb(13,39,25)
```
#123622
```
#123622 rgb(18,54,34)
```
#17452c
```
#17452c rgb(23,69,44)
```
#1c5335
```
#1c5335 rgb(28,83,53)
```
#21623e
```
#21623e rgb(33,98,62)
```
#267147
```
#267147 rgb(38,113,71)
```
#2b7f51
```
#2b7f51 rgb(43,127,81)
```
#308e5a
```
#308e5a rgb(48,142,90)
```
#359d63
```
#359d63 rgb(53,157,99)
```
#3aab6d
```
#3aab6d rgb(58,171,109)
```
#3fba76
```
#3fba76 rgb(63,186,118)
```

Shade Color Variation

#4ac280
```
#4ac280 rgb(74,194,128)
```
#59c78a
```
#59c78a rgb(89,199,138)
```
#68cc95
```
#68cc95 rgb(104,204,149)
```
#76d19f
```
#76d19f rgb(118,209,159)
```
#85d6a9
```
#85d6a9 rgb(133,214,169)
```
#94dbb3
```
#94dbb3 rgb(148,219,179)
```
#a2e0be
```
#a2e0be rgb(162,224,190)
```
#b1e5c8
```
#b1e5c8 rgb(177,229,200)
```
#c0ead2
```
#c0ead2 rgb(192,234,210)
```
#ceefdd
```
#ceefdd rgb(206,239,221)
```
#ddf4e7
```
#ddf4e7 rgb(221,244,231)
```
#ecf8f1
```
#ecf8f1 rgb(236,248,241)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#5c625f
```
#5c625f rgb(92,98,95)
```
#55695e
```
#55695e rgb(85,105,94)
```
#4d715d
```
#4d715d rgb(77,113,93)
```
#46785c
```
#46785c rgb(70,120,92)
```
#3f7f5c
```
#3f7f5c rgb(63,127,92)
```
#37875b
```
#37875b rgb(55,135,91)
```
#308e5a
```
#308e5a rgb(48,142,90)
```
#299559
```
#299559 rgb(41,149,89)
```
#219d58
```
#219d58 rgb(33,157,88)
```
#1aa458
```
#1aa458 rgb(26,164,88)
```
#13ab57
```
#13ab57 rgb(19,171,87)
```
#0bb356
```
#0bb356 rgb(11,179,86)
```
#04ba55
```
#04ba55 rgb(4,186,85)
```

Tone Color Variation

Below, you can see how #308e5a 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

#6c6c6c Achromatopsia 0.005% of the population
#607368 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e845c Protanopia 1% of men
#997f69 Deuteranopia 1% of men
#508d97 Tritanopia 0.001% of the population

Trichromacy

#6c875b Protanomaly 1% of men, 0.01% of women
#738463 Deuteranomaly 6% of men, 0.4% of women
#448d81 Tritanomaly 0.01% of the population

#308e5a hex color

#308e5a Color Information

#308e5a Color Conversion

Color Schemes with #308e5a

Alternatives to #308e5a

#308e5a Preview

Shades and Tints of #308e5a

Tones of #308e5a

Color Blindness Simulator