#308e6f hex color

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

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

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

The hexadecimal color #308e6f has RGB values of R:48, G:142, B:111 and CMYK values of C:0.66, M:0, Y:0.22, K:0.44. Its decimal value is 3182191.

Hex triplet	308e6f	`#308e6f`
RGB Decimal	48, 142, 111	`rgb(48,142,111)`
RGB Percent	18.8, 55.7, 43.5	`rgb(18.8%,55.7%,43.5%)`
CMYK	66, 0, 22, 44
HSL	160.2°, 49.5, 37.3	`hsl(160.2,49.5%,37.3%)`
HSV (or HSB)	160.2°, 66.2, 55.7
Web Safe	339966	`#339966`

CIE-LAB	53.082, -35.224, 8.554
XYZ	13.76, 21.121, 18.39
xyY	0.258, 0.396, 21.121
CIE-LCH	53.082, 36.248, 166.35
CIE-LUV	53.082, -38.059, 16.871
Hunter-Lab	45.957, -26.981, 8.446
Binary	00110000, 10001110, 01101111

#308e6f
```
#308e6f rgb(48,142,111)
```
#8e304f
```
#8e304f rgb(142,48,79)
```

Complementary Color

#308e40
```
#308e40 rgb(48,142,64)
```
#308e6f
```
#308e6f rgb(48,142,111)
```
#307e8e
```
#307e8e rgb(48,126,142)
```

Analogous Color

#8e4030
```
#8e4030 rgb(142,64,48)
```
#308e6f
```
#308e6f rgb(48,142,111)
```
#8e307e
```
#8e307e rgb(142,48,126)
```

Split Complementary Color

#8e6f30
```
#8e6f30 rgb(142,111,48)
```
#308e6f
```
#308e6f rgb(48,142,111)
```
#6f308e
```
#6f308e rgb(111,48,142)
```

Triadic Color

#4f8e30
```
#4f8e30 rgb(79,142,48)
```
#308e6f
```
#308e6f rgb(48,142,111)
```
#6f308e
```
#6f308e rgb(111,48,142)
```
#8e304f
```
#8e304f rgb(142,48,79)
```

Tetradic Color

#1d5542
```
#1d5542 rgb(29,85,66)
```
#236851
```
#236851 rgb(35,104,81)
```
#2a7b60
```
#2a7b60 rgb(42,123,96)
```
#308e6f
```
#308e6f rgb(48,142,111)
```
#36a17e
```
#36a17e rgb(54,161,126)
```
#3db48d
```
#3db48d rgb(61,180,141)
```
#49c19a
```
#49c19a rgb(73,193,154)
```

Monochromatic Color

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

#308e58
```
#308e58 rgb(48,142,88)
```
#308e5f
```
#308e5f rgb(48,142,95)
```
#308e67
```
#308e67 rgb(48,142,103)
```
#308e6f
```
#308e6f rgb(48,142,111)
```
#308e77
```
#308e77 rgb(48,142,119)
```
#308e7f
```
#308e7f rgb(48,142,127)
```
#308e87
```
#308e87 rgb(48,142,135)
```

Similar Colors

Text with hexadecimal color #308e6f

This text has a font color of #308e6f.

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

#308e6f background color

This paragraph has a background color of #308e6f.

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

#308e6f border color

This element has a border color of #308e6f.

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

CSS codes

.text {color:#308e6f;}

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

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

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

#030a08
```
#030a08 rgb(3,10,8)
```
#081913
```
#081913 rgb(8,25,19)
```
#0d271f
```
#0d271f rgb(13,39,31)
```
#12362a
```
#12362a rgb(18,54,42)
```
#174536
```
#174536 rgb(23,69,54)
```
#1c5341
```
#1c5341 rgb(28,83,65)
```
#21624d
```
#21624d rgb(33,98,77)
```
#267158
```
#267158 rgb(38,113,88)
```
#2b7f64
```
#2b7f64 rgb(43,127,100)
```
#308e6f
```
#308e6f rgb(48,142,111)
```
#359d7a
```
#359d7a rgb(53,157,122)
```
#3aab86
```
#3aab86 rgb(58,171,134)
```
#3fba91
```
#3fba91 rgb(63,186,145)
```

Shade Color Variation

#4ac29b
```
#4ac29b rgb(74,194,155)
```
#59c7a3
```
#59c7a3 rgb(89,199,163)
```
#68ccab
```
#68ccab rgb(104,204,171)
```
#76d1b3
```
#76d1b3 rgb(118,209,179)
```
#85d6bb
```
#85d6bb rgb(133,214,187)
```
#94dbc3
```
#94dbc3 rgb(148,219,195)
```
#a2e0cc
```
#a2e0cc rgb(162,224,204)
```
#b1e5d4
```
#b1e5d4 rgb(177,229,212)
```
#c0eadc
```
#c0eadc rgb(192,234,220)
```
#ceefe4
```
#ceefe4 rgb(206,239,228)
```
#ddf4ec
```
#ddf4ec rgb(221,244,236)
```
#ecf8f4
```
#ecf8f4 rgb(236,248,244)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#5c6260
```
#5c6260 rgb(92,98,96)
```
#556963
```
#556963 rgb(85,105,99)
```
#4d7165
```
#4d7165 rgb(77,113,101)
```
#467868
```
#467868 rgb(70,120,104)
```
#3f7f6a
```
#3f7f6a rgb(63,127,106)
```
#37876d
```
#37876d rgb(55,135,109)
```
#308e6f
```
#308e6f rgb(48,142,111)
```
#299571
```
#299571 rgb(41,149,113)
```
#219d74
```
#219d74 rgb(33,157,116)
```
#1aa476
```
#1aa476 rgb(26,164,118)
```
#13ab79
```
#13ab79 rgb(19,171,121)
```
#0bb37b
```
#0bb37b rgb(11,179,123)
```
#04ba7e
```
#04ba7e rgb(4,186,126)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#62746e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c856f Protanopia 1% of men
#94817d Deuteranopia 1% of men
#4b8f99 Tritanopia 0.001% of the population

Trichromacy

#6b886f Protanomaly 1% of men, 0.01% of women
#708577 Deuteranomaly 6% of men, 0.4% of women
#418e8a Tritanomaly 0.01% of the population

#308e6f hex color

#308e6f Color Information

#308e6f Color Conversion

Color Schemes with #308e6f

Alternatives to #308e6f

#308e6f Preview

Shades and Tints of #308e6f

Tones of #308e6f

Color Blindness Simulator