#308b66 hex color

In a RGB color space, hex #308b66 is composed of 18.8% red, 54.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 0% magenta, 26.6% yellow and 45.5% black. It has a hue angle of 155.6 degrees, a saturation of 48.7% and a lightness of 36.7%. #308b66 color hex could be obtained by blending #60ffcc with #001700. Closest websafe color is: #339966.

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

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

The hexadecimal color #308b66 has RGB values of R:48, G:139, B:102 and CMYK values of C:0.65, M:0, Y:0.27, K:0.45. Its decimal value is 3181414.

Hex triplet	308b66	`#308b66`
RGB Decimal	48, 139, 102	`rgb(48,139,102)`
RGB Percent	18.8, 54.5, 40	`rgb(18.8%,54.5%,40%)`
CMYK	65, 0, 27, 45
HSL	155.6°, 48.7, 36.7	`hsl(155.6,48.7%,36.7%)`
HSV (or HSB)	155.6°, 65.5, 54.5
Web Safe	339966	`#339966`

CIE-LAB	51.896, -36.041, 12.046
XYZ	12.849, 20.052, 15.763
xyY	0.264, 0.412, 20.052
CIE-LCH	51.896, 38.001, 161.519
CIE-LUV	51.896, -37.4, 21.378
Hunter-Lab	44.779, -27.145, 10.475
Binary	00110000, 10001011, 01100110

#308b66
```
#308b66 rgb(48,139,102)
```
#8b3055
```
#8b3055 rgb(139,48,85)
```

Complementary Color

#308b39
```
#308b39 rgb(48,139,57)
```
#308b66
```
#308b66 rgb(48,139,102)
```
#30838b
```
#30838b rgb(48,131,139)
```

Analogous Color

#8b3930
```
#8b3930 rgb(139,57,48)
```
#308b66
```
#308b66 rgb(48,139,102)
```
#8b3083
```
#8b3083 rgb(139,48,131)
```

Split Complementary Color

#8b6630
```
#8b6630 rgb(139,102,48)
```
#308b66
```
#308b66 rgb(48,139,102)
```
#66308b
```
#66308b rgb(102,48,139)
```

Triadic Color

#558b30
```
#558b30 rgb(85,139,48)
```
#308b66
```
#308b66 rgb(48,139,102)
```
#66308b
```
#66308b rgb(102,48,139)
```
#8b3055
```
#8b3055 rgb(139,48,85)
```

Tetradic Color

#1c523c
```
#1c523c rgb(28,82,60)
```
#23654a
```
#23654a rgb(35,101,74)
```
#297858
```
#297858 rgb(41,120,88)
```
#308b66
```
#308b66 rgb(48,139,102)
```
#379e74
```
#379e74 rgb(55,158,116)
```
#3db182
```
#3db182 rgb(61,177,130)
```
#48c08f
```
#48c08f rgb(72,192,143)
```

Monochromatic Color

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

#308b4f
```
#308b4f rgb(48,139,79)
```
#308b57
```
#308b57 rgb(48,139,87)
```
#308b5e
```
#308b5e rgb(48,139,94)
```
#308b66
```
#308b66 rgb(48,139,102)
```
#308b6e
```
#308b6e rgb(48,139,110)
```
#308b75
```
#308b75 rgb(48,139,117)
```
#308b7d
```
#308b7d rgb(48,139,125)
```

Similar Colors

Text with hexadecimal color #308b66

This text has a font color of #308b66.

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

#308b66 background color

This paragraph has a background color of #308b66.

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

#308b66 border color

This element has a border color of #308b66.

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

CSS codes

.text {color:#308b66;}

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

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

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

#030806
```
#030806 rgb(3,8,6)
```
#081610
```
#081610 rgb(8,22,16)
```
#0d251b
```
#0d251b rgb(13,37,27)
```
#123426
```
#123426 rgb(18,52,38)
```
#174231
```
#174231 rgb(23,66,49)
```
#1c513b
```
#1c513b rgb(28,81,59)
```
#215f46
```
#215f46 rgb(33,95,70)
```
#266e51
```
#266e51 rgb(38,110,81)
```
#2b7c5b
```
#2b7c5b rgb(43,124,91)
```
#308b66
```
#308b66 rgb(48,139,102)
```
#359a71
```
#359a71 rgb(53,154,113)
```
#3aa87b
```
#3aa87b rgb(58,168,123)
```
#3fb786
```
#3fb786 rgb(63,183,134)
```

Shade Color Variation

#49c090
```
#49c090 rgb(73,192,144)
```
#58c599
```
#58c599 rgb(88,197,153)
```
#66caa2
```
#66caa2 rgb(102,202,162)
```
#75cfab
```
#75cfab rgb(117,207,171)
```
#84d4b4
```
#84d4b4 rgb(132,212,180)
```
#92d9bc
```
#92d9bc rgb(146,217,188)
```
#a1dec5
```
#a1dec5 rgb(161,222,197)
```
#afe3ce
```
#afe3ce rgb(175,227,206)
```
#bee9d7
```
#bee9d7 rgb(190,233,215)
```
#cceee0
```
#cceee0 rgb(204,238,224)
```
#dbf3e9
```
#dbf3e9 rgb(219,243,233)
```
#eaf8f2
```
#eaf8f2 rgb(234,248,242)
```
#f8fdfb
```
#f8fdfb rgb(248,253,251)
```

Tint Color Variation

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

#5b605e
```
#5b605e rgb(91,96,94)
```
#54675f
```
#54675f rgb(84,103,95)
```
#4d6e61
```
#4d6e61 rgb(77,110,97)
```
#467562
```
#467562 rgb(70,117,98)
```
#3e7d63
```
#3e7d63 rgb(62,125,99)
```
#378465
```
#378465 rgb(55,132,101)
```
#308b66
```
#308b66 rgb(48,139,102)
```
#299267
```
#299267 rgb(41,146,103)
```
#229969
```
#229969 rgb(34,153,105)
```
#1aa16a
```
#1aa16a rgb(26,161,106)
```
#13a86b
```
#13a86b rgb(19,168,107)
```
#0caf6d
```
#0caf6d rgb(12,175,109)
```
#05b66e
```
#05b66e rgb(5,182,110)
```

Tone Color Variation

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

#8a8267 Protanopia 1% of men
#937e74 Deuteranopia 1% of men
#4c8b95 Tritanopia 0.001% of the population

Trichromacy

#698566 Protanomaly 1% of men, 0.01% of women
#6f826f Deuteranomaly 6% of men, 0.4% of women
#428b84 Tritanomaly 0.01% of the population

#308b66 hex color

#308b66 Color Information

#308b66 Color Conversion

Color Schemes with #308b66

Alternatives to #308b66

#308b66 Preview

Shades and Tints of #308b66

Tones of #308b66

Color Blindness Simulator