#308e5f hex color

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

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

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

The hexadecimal color #308e5f has RGB values of R:48, G:142, B:95 and CMYK values of C:0.66, M:0, Y:0.33, K:0.44. Its decimal value is 3182175.

Hex triplet	308e5f	`#308e5f`
RGB Decimal	48, 142, 95	`rgb(48,142,95)`
RGB Percent	18.8, 55.7, 37.3	`rgb(18.8%,55.7%,37.3%)`
CMYK	66, 0, 33, 44
HSL	150°, 49.5, 37.3	`hsl(150,49.5%,37.3%)`
HSV (or HSB)	150°, 66.2, 55.7
Web Safe	339966	`#339966`

CIE-LAB	52.729, -38.919, 17.176
XYZ	12.957, 20.799, 14.158
xyY	0.27, 0.434, 20.799
CIE-LCH	52.729, 42.541, 156.187
CIE-LUV	52.729, -38.926, 28.205
Hunter-Lab	45.606, -29.1, 13.519
Binary	00110000, 10001110, 01011111

#308e5f
```
#308e5f rgb(48,142,95)
```
#8e305f
```
#8e305f rgb(142,48,95)
```

Complementary Color

#308e30
```
#308e30 rgb(48,142,48)
```
#308e5f
```
#308e5f rgb(48,142,95)
```
#308e8e
```
#308e8e rgb(48,142,142)
```

Analogous Color

#8e3030
```
#8e3030 rgb(142,48,48)
```
#308e5f
```
#308e5f rgb(48,142,95)
```
#8e308e
```
#8e308e rgb(142,48,142)
```

Split Complementary Color

#8e5f30
```
#8e5f30 rgb(142,95,48)
```
#308e5f
```
#308e5f rgb(48,142,95)
```
#5f308e
```
#5f308e rgb(95,48,142)
```

Triadic Color

#5f8e30
```
#5f8e30 rgb(95,142,48)
```
#308e5f
```
#308e5f rgb(48,142,95)
```
#5f308e
```
#5f308e rgb(95,48,142)
```
#8e305f
```
#8e305f rgb(142,48,95)
```

Tetradic Color

#1d5539
```
#1d5539 rgb(29,85,57)
```
#236846
```
#236846 rgb(35,104,70)
```
#2a7b52
```
#2a7b52 rgb(42,123,82)
```
#308e5f
```
#308e5f rgb(48,142,95)
```
#36a16c
```
#36a16c rgb(54,161,108)
```
#3db479
```
#3db479 rgb(61,180,121)
```
#49c185
```
#49c185 rgb(73,193,133)
```

Monochromatic Color

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

#308e48
```
#308e48 rgb(48,142,72)
```
#308e4f
```
#308e4f rgb(48,142,79)
```
#308e57
```
#308e57 rgb(48,142,87)
```
#308e5f
```
#308e5f rgb(48,142,95)
```
#308e67
```
#308e67 rgb(48,142,103)
```
#308e6f
```
#308e6f rgb(48,142,111)
```
#308e77
```
#308e77 rgb(48,142,119)
```

Similar Colors

Text with hexadecimal color #308e5f

This text has a font color of #308e5f.

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

#308e5f background color

This paragraph has a background color of #308e5f.

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

#308e5f border color

This element has a border color of #308e5f.

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

CSS codes

.text {color:#308e5f;}

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

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

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

#030a07
```
#030a07 rgb(3,10,7)
```
#081911
```
#081911 rgb(8,25,17)
```
#0d271a
```
#0d271a rgb(13,39,26)
```
#123624
```
#123624 rgb(18,54,36)
```
#17452e
```
#17452e rgb(23,69,46)
```
#1c5338
```
#1c5338 rgb(28,83,56)
```
#216242
```
#216242 rgb(33,98,66)
```
#26714b
```
#26714b rgb(38,113,75)
```
#2b7f55
```
#2b7f55 rgb(43,127,85)
```
#308e5f
```
#308e5f rgb(48,142,95)
```
#359d69
```
#359d69 rgb(53,157,105)
```
#3aab73
```
#3aab73 rgb(58,171,115)
```
#3fba7c
```
#3fba7c rgb(63,186,124)
```

Shade Color Variation

#4ac286
```
#4ac286 rgb(74,194,134)
```
#59c790
```
#59c790 rgb(89,199,144)
```
#68cc9a
```
#68cc9a rgb(104,204,154)
```
#76d1a4
```
#76d1a4 rgb(118,209,164)
```
#85d6ad
```
#85d6ad rgb(133,214,173)
```
#94dbb7
```
#94dbb7 rgb(148,219,183)
```
#a2e0c1
```
#a2e0c1 rgb(162,224,193)
```
#b1e5cb
```
#b1e5cb rgb(177,229,203)
```
#c0ead5
```
#c0ead5 rgb(192,234,213)
```
#ceefdf
```
#ceefdf rgb(206,239,223)
```
#ddf4e8
```
#ddf4e8 rgb(221,244,232)
```
#ecf8f2
```
#ecf8f2 rgb(236,248,242)
```
#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 #04ba5f is the most saturated one.

#5c625f
```
#5c625f rgb(92,98,95)
```
#55695f
```
#55695f rgb(85,105,95)
```
#4d715f
```
#4d715f rgb(77,113,95)
```
#46785f
```
#46785f rgb(70,120,95)
```
#3f7f5f
```
#3f7f5f rgb(63,127,95)
```
#37875f
```
#37875f rgb(55,135,95)
```
#308e5f
```
#308e5f rgb(48,142,95)
```
#29955f
```
#29955f rgb(41,149,95)
```
#219d5f
```
#219d5f rgb(33,157,95)
```
#1aa45f
```
#1aa45f rgb(26,164,95)
```
#13ab5f
```
#13ab5f rgb(19,171,95)
```
#0bb35f
```
#0bb35f rgb(11,179,95)
```
#04ba5f
```
#04ba5f rgb(4,186,95)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#61746a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8460 Protanopia 1% of men
#987f6e Deuteranopia 1% of men
#4f8d97 Tritanopia 0.001% of the population

Trichromacy

#6c8760 Protanomaly 1% of men, 0.01% of women
#728468 Deuteranomaly 6% of men, 0.4% of women
#438d83 Tritanomaly 0.01% of the population

#308e5f hex color

#308e5f Color Information

#308e5f Color Conversion

Color Schemes with #308e5f

Alternatives to #308e5f

#308e5f Preview

Shades and Tints of #308e5f

Tones of #308e5f

Color Blindness Simulator