#308d66 hex color

In a RGB color space, hex #308d66 is composed of 18.8% red, 55.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 0% magenta, 27.7% yellow and 44.7% black. It has a hue angle of 154.8 degrees, a saturation of 49.2% and a lightness of 37.1%. #308d66 color hex could be obtained by blending #60ffcc with #001b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 55
- B 40
RGB color chart
- C 66
- M 0
- Y 28
- K 45
CMYK color chart

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

The hexadecimal color #308d66 has RGB values of R:48, G:141, B:102 and CMYK values of C:0.66, M:0, Y:0.28, K:0.45. Its decimal value is 3181926.

Hex triplet	308d66	`#308d66`
RGB Decimal	48, 141, 102	`rgb(48,141,102)`
RGB Percent	18.8, 55.3, 40	`rgb(18.8%,55.3%,40%)`
CMYK	66, 0, 28, 45
HSL	154.8°, 49.2, 37.1	`hsl(154.8,49.2%,37.1%)`
HSV (or HSB)	154.8°, 66, 55.3
Web Safe	339966	`#339966`

CIE-LAB	52.549, -36.926, 12.956
XYZ	13.141, 20.636, 15.86
xyY	0.265, 0.416, 20.636
CIE-LCH	52.549, 39.133, 160.666
CIE-LUV	52.549, -38.171, 22.726
Hunter-Lab	45.427, -27.861, 11.099
Binary	00110000, 10001101, 01100110

#308d66
```
#308d66 rgb(48,141,102)
```
#8d3057
```
#8d3057 rgb(141,48,87)
```

Complementary Color

#308d38
```
#308d38 rgb(48,141,56)
```
#308d66
```
#308d66 rgb(48,141,102)
```
#30868d
```
#30868d rgb(48,134,141)
```

Analogous Color

#8d3830
```
#8d3830 rgb(141,56,48)
```
#308d66
```
#308d66 rgb(48,141,102)
```
#8d3086
```
#8d3086 rgb(141,48,134)
```

Split Complementary Color

#8d6630
```
#8d6630 rgb(141,102,48)
```
#308d66
```
#308d66 rgb(48,141,102)
```
#66308d
```
#66308d rgb(102,48,141)
```

Triadic Color

#578d30
```
#578d30 rgb(87,141,48)
```
#308d66
```
#308d66 rgb(48,141,102)
```
#66308d
```
#66308d rgb(102,48,141)
```
#8d3057
```
#8d3057 rgb(141,48,87)
```

Tetradic Color

#1d543d
```
#1d543d rgb(29,84,61)
```
#23674a
```
#23674a rgb(35,103,74)
```
#2a7a58
```
#2a7a58 rgb(42,122,88)
```
#308d66
```
#308d66 rgb(48,141,102)
```
#36a074
```
#36a074 rgb(54,160,116)
```
#3db382
```
#3db382 rgb(61,179,130)
```
#49c18e
```
#49c18e rgb(73,193,142)
```

Monochromatic Color

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

#308d4f
```
#308d4f rgb(48,141,79)
```
#308d57
```
#308d57 rgb(48,141,87)
```
#308d5e
```
#308d5e rgb(48,141,94)
```
#308d66
```
#308d66 rgb(48,141,102)
```
#308d6e
```
#308d6e rgb(48,141,110)
```
#308d76
```
#308d76 rgb(48,141,118)
```
#308d7d
```
#308d7d rgb(48,141,125)
```

Similar Colors

Text with hexadecimal color #308d66

This text has a font color of #308d66.

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

#308d66 background color

This paragraph has a background color of #308d66.

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

#308d66 border color

This element has a border color of #308d66.

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

CSS codes

.text {color:#308d66;}

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

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

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

#030907
```
#030907 rgb(3,9,7)
```
#081811
```
#081811 rgb(8,24,17)
```
#0d271c
```
#0d271c rgb(13,39,28)
```
#123526
```
#123526 rgb(18,53,38)
```
#174431
```
#174431 rgb(23,68,49)
```
#1c523c
```
#1c523c rgb(28,82,60)
```
#216146
```
#216146 rgb(33,97,70)
```
#267051
```
#267051 rgb(38,112,81)
```
#2b7e5b
```
#2b7e5b rgb(43,126,91)
```
#308d66
```
#308d66 rgb(48,141,102)
```
#359c71
```
#359c71 rgb(53,156,113)
```
#3aaa7b
```
#3aaa7b rgb(58,170,123)
```
#3fb986
```
#3fb986 rgb(63,185,134)
```

Shade Color Variation

#4ac18f
```
#4ac18f rgb(74,193,143)
```
#59c698
```
#59c698 rgb(89,198,152)
```
#67cba1
```
#67cba1 rgb(103,203,161)
```
#76d0aa
```
#76d0aa rgb(118,208,170)
```
#85d5b3
```
#85d5b3 rgb(133,213,179)
```
#93dabd
```
#93dabd rgb(147,218,189)
```
#a2dfc6
```
#a2dfc6 rgb(162,223,198)
```
#b0e4cf
```
#b0e4cf rgb(176,228,207)
```
#bfe9d8
```
#bfe9d8 rgb(191,233,216)
```
#ceeee1
```
#ceeee1 rgb(206,238,225)
```
#dcf3ea
```
#dcf3ea rgb(220,243,234)
```
#ebf8f3
```
#ebf8f3 rgb(235,248,243)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#5c615f
```
#5c615f rgb(92,97,95)
```
#546960
```
#546960 rgb(84,105,96)
```
#4d7061
```
#4d7061 rgb(77,112,97)
```
#467762
```
#467762 rgb(70,119,98)
```
#3f7e64
```
#3f7e64 rgb(63,126,100)
```
#378665
```
#378665 rgb(55,134,101)
```
#308d66
```
#308d66 rgb(48,141,102)
```
#299467
```
#299467 rgb(41,148,103)
```
#219c68
```
#219c68 rgb(33,156,104)
```
#1aa36a
```
#1aa36a rgb(26,163,106)
```
#13aa6b
```
#13aa6b rgb(19,170,107)
```
#0cb16c
```
#0cb16c rgb(12,177,108)
```
#04b96d
```
#04b96d rgb(4,185,109)
```

Tone Color Variation

Below, you can see how #308d66 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
#61736c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8367 Protanopia 1% of men
#967f74 Deuteranopia 1% of men
#4d8d97 Tritanopia 0.001% of the population

Trichromacy

#6b8766 Protanomaly 1% of men, 0.01% of women
#70846f Deuteranomaly 6% of men, 0.4% of women
#428d85 Tritanomaly 0.01% of the population

#308d66 hex color

#308d66 Color Information

#308d66 Color Conversion

Color Schemes with #308d66

Alternatives to #308d66

#308d66 Preview

Shades and Tints of #308d66

Tones of #308d66

Color Blindness Simulator