#308c66 hex color

In a RGB color space, hex #308c66 is composed of 18.8% red, 54.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 0% magenta, 27.1% yellow and 45.1% black. It has a hue angle of 155.2 degrees, a saturation of 48.9% and a lightness of 36.9%. #308c66 color hex could be obtained by blending #60ffcc with #001900. Closest websafe color is: #339966.

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

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

The hexadecimal color #308c66 has RGB values of R:48, G:140, B:102 and CMYK values of C:0.66, M:0, Y:0.27, K:0.45. Its decimal value is 3181670.

Hex triplet	308c66	`#308c66`
RGB Decimal	48, 140, 102	`rgb(48,140,102)`
RGB Percent	18.8, 54.9, 40	`rgb(18.8%,54.9%,40%)`
CMYK	66, 0, 27, 45
HSL	155.2°, 48.9, 36.9	`hsl(155.2,48.9%,36.9%)`
HSV (or HSB)	155.2°, 65.7, 54.9
Web Safe	339966	`#339966`

CIE-LAB	52.223, -36.485, 12.502
XYZ	12.994, 20.343, 15.811
xyY	0.264, 0.414, 20.343
CIE-LCH	52.223, 38.567, 161.086
CIE-LUV	52.223, -37.786, 22.053
Hunter-Lab	45.103, -27.504, 10.787
Binary	00110000, 10001100, 01100110

#308c66
```
#308c66 rgb(48,140,102)
```
#8c3056
```
#8c3056 rgb(140,48,86)
```

Complementary Color

#308c38
```
#308c38 rgb(48,140,56)
```
#308c66
```
#308c66 rgb(48,140,102)
```
#30848c
```
#30848c rgb(48,132,140)
```

Analogous Color

#8c3830
```
#8c3830 rgb(140,56,48)
```
#308c66
```
#308c66 rgb(48,140,102)
```
#8c3084
```
#8c3084 rgb(140,48,132)
```

Split Complementary Color

#8c6630
```
#8c6630 rgb(140,102,48)
```
#308c66
```
#308c66 rgb(48,140,102)
```
#66308c
```
#66308c rgb(102,48,140)
```

Triadic Color

#568c30
```
#568c30 rgb(86,140,48)
```
#308c66
```
#308c66 rgb(48,140,102)
```
#66308c
```
#66308c rgb(102,48,140)
```
#8c3056
```
#8c3056 rgb(140,48,86)
```

Tetradic Color

#1c533c
```
#1c533c rgb(28,83,60)
```
#23664a
```
#23664a rgb(35,102,74)
```
#297958
```
#297958 rgb(41,121,88)
```
#308c66
```
#308c66 rgb(48,140,102)
```
#379f74
```
#379f74 rgb(55,159,116)
```
#3db282
```
#3db282 rgb(61,178,130)
```
#48c08f
```
#48c08f rgb(72,192,143)
```

Monochromatic Color

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

#308c4f
```
#308c4f rgb(48,140,79)
```
#308c57
```
#308c57 rgb(48,140,87)
```
#308c5e
```
#308c5e rgb(48,140,94)
```
#308c66
```
#308c66 rgb(48,140,102)
```
#308c6e
```
#308c6e rgb(48,140,110)
```
#308c75
```
#308c75 rgb(48,140,117)
```
#308c7d
```
#308c7d rgb(48,140,125)
```

Similar Colors

Text with hexadecimal color #308c66

This text has a font color of #308c66.

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

#308c66 background color

This paragraph has a background color of #308c66.

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

#308c66 border color

This element has a border color of #308c66.

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

CSS codes

.text {color:#308c66;}

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

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

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

#030906
```
#030906 rgb(3,9,6)
```
#081711
```
#081711 rgb(8,23,17)
```
#0d261c
```
#0d261c rgb(13,38,28)
```
#123426
```
#123426 rgb(18,52,38)
```
#174331
```
#174331 rgb(23,67,49)
```
#1c523b
```
#1c523b rgb(28,82,59)
```
#216046
```
#216046 rgb(33,96,70)
```
#266f51
```
#266f51 rgb(38,111,81)
```
#2b7d5b
```
#2b7d5b rgb(43,125,91)
```
#308c66
```
#308c66 rgb(48,140,102)
```
#359b71
```
#359b71 rgb(53,155,113)
```
#3aa97b
```
#3aa97b rgb(58,169,123)
```
#3fb886
```
#3fb886 rgb(63,184,134)
```

Shade Color Variation

#4ac190
```
#4ac190 rgb(74,193,144)
```
#58c699
```
#58c699 rgb(88,198,153)
```
#67cba2
```
#67cba2 rgb(103,203,162)
```
#75d0ab
```
#75d0ab rgb(117,208,171)
```
#84d5b3
```
#84d5b3 rgb(132,213,179)
```
#93dabc
```
#93dabc rgb(147,218,188)
```
#a1dfc5
```
#a1dfc5 rgb(161,223,197)
```
#b0e4ce
```
#b0e4ce rgb(176,228,206)
```
#bee9d7
```
#bee9d7 rgb(190,233,215)
```
#cdeee0
```
#cdeee0 rgb(205,238,224)
```
#dcf3e9
```
#dcf3e9 rgb(220,243,233)
```
#eaf8f2
```
#eaf8f2 rgb(234,248,242)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

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

#5b615e
```
#5b615e rgb(91,97,94)
```
#546860
```
#546860 rgb(84,104,96)
```
#4d6f61
```
#4d6f61 rgb(77,111,97)
```
#467662
```
#467662 rgb(70,118,98)
```
#3e7e63
```
#3e7e63 rgb(62,126,99)
```
#378565
```
#378565 rgb(55,133,101)
```
#308c66
```
#308c66 rgb(48,140,102)
```
#299367
```
#299367 rgb(41,147,103)
```
#229a69
```
#229a69 rgb(34,154,105)
```
#1aa26a
```
#1aa26a rgb(26,162,106)
```
#13a96b
```
#13a96b rgb(19,169,107)
```
#0cb06c
```
#0cb06c rgb(12,176,108)
```
#05b76e
```
#05b76e rgb(5,183,110)
```

Tone Color Variation

Below, you can see how #308c66 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
#60726b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8367 Protanopia 1% of men
#947e74 Deuteranopia 1% of men
#4c8c96 Tritanopia 0.001% of the population

Trichromacy

#6a8666 Protanomaly 1% of men, 0.01% of women
#70836f Deuteranomaly 6% of men, 0.4% of women
#428c85 Tritanomaly 0.01% of the population

#308c66 hex color

#308c66 Color Information

#308c66 Color Conversion

Color Schemes with #308c66

Alternatives to #308c66

#308c66 Preview

Shades and Tints of #308c66

Tones of #308c66

Color Blindness Simulator