#308b64 hex color

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

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

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

The hexadecimal color #308b64 has RGB values of R:48, G:139, B:100 and CMYK values of C:0.65, M:0, Y:0.28, K:0.45. Its decimal value is 3181412.

Hex triplet	308b64	`#308b64`
RGB Decimal	48, 139, 100	`rgb(48,139,100)`
RGB Percent	18.8, 54.5, 39.2	`rgb(18.8%,54.5%,39.2%)`
CMYK	65, 0, 28, 45
HSL	154.3°, 48.7, 36.7	`hsl(154.3,48.7%,36.7%)`
HSV (or HSB)	154.3°, 65.5, 54.5
Web Safe	339966	`#339966`

CIE-LAB	51.851, -36.504, 13.128
XYZ	12.751, 20.013, 15.247
xyY	0.266, 0.417, 20.013
CIE-LCH	51.851, 38.793, 160.219
CIE-LUV	51.851, -37.507, 22.797
Hunter-Lab	44.735, -27.41, 11.108
Binary	00110000, 10001011, 01100100

#308b64
```
#308b64 rgb(48,139,100)
```
#8b3057
```
#8b3057 rgb(139,48,87)
```

Complementary Color

#308b37
```
#308b37 rgb(48,139,55)
```
#308b64
```
#308b64 rgb(48,139,100)
```
#30858b
```
#30858b rgb(48,133,139)
```

Analogous Color

#8b3730
```
#8b3730 rgb(139,55,48)
```
#308b64
```
#308b64 rgb(48,139,100)
```
#8b3085
```
#8b3085 rgb(139,48,133)
```

Split Complementary Color

#8b6430
```
#8b6430 rgb(139,100,48)
```
#308b64
```
#308b64 rgb(48,139,100)
```
#64308b
```
#64308b rgb(100,48,139)
```

Triadic Color

#578b30
```
#578b30 rgb(87,139,48)
```
#308b64
```
#308b64 rgb(48,139,100)
```
#64308b
```
#64308b rgb(100,48,139)
```
#8b3057
```
#8b3057 rgb(139,48,87)
```

Tetradic Color

#1c523b
```
#1c523b rgb(28,82,59)
```
#236549
```
#236549 rgb(35,101,73)
```
#297856
```
#297856 rgb(41,120,86)
```
#308b64
```
#308b64 rgb(48,139,100)
```
#379e72
```
#379e72 rgb(55,158,114)
```
#3db17f
```
#3db17f rgb(61,177,127)
```
#48c08c
```
#48c08c rgb(72,192,140)
```

Monochromatic Color

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

#308b4d
```
#308b4d rgb(48,139,77)
```
#308b55
```
#308b55 rgb(48,139,85)
```
#308b5c
```
#308b5c rgb(48,139,92)
```
#308b64
```
#308b64 rgb(48,139,100)
```
#308b6c
```
#308b6c rgb(48,139,108)
```
#308b73
```
#308b73 rgb(48,139,115)
```
#308b7b
```
#308b7b rgb(48,139,123)
```

Similar Colors

Text with hexadecimal color #308b64

This text has a font color of #308b64.

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

#308b64 background color

This paragraph has a background color of #308b64.

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

#308b64 border color

This element has a border color of #308b64.

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

CSS codes

.text {color:#308b64;}

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

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

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)
```
#123425
```
#123425 rgb(18,52,37)
```
#174230
```
#174230 rgb(23,66,48)
```
#1c513a
```
#1c513a rgb(28,81,58)
```
#215f45
```
#215f45 rgb(33,95,69)
```
#266e4f
```
#266e4f rgb(38,110,79)
```
#2b7c5a
```
#2b7c5a rgb(43,124,90)
```
#308b64
```
#308b64 rgb(48,139,100)
```
#359a6e
```
#359a6e rgb(53,154,110)
```
#3aa879
```
#3aa879 rgb(58,168,121)
```
#3fb783
```
#3fb783 rgb(63,183,131)
```

Shade Color Variation

#49c08d
```
#49c08d rgb(73,192,141)
```
#58c596
```
#58c596 rgb(88,197,150)
```
#66ca9f
```
#66ca9f rgb(102,202,159)
```
#75cfa9
```
#75cfa9 rgb(117,207,169)
```
#84d4b2
```
#84d4b2 rgb(132,212,178)
```
#92d9bb
```
#92d9bb rgb(146,217,187)
```
#a1dec4
```
#a1dec4 rgb(161,222,196)
```
#afe3cd
```
#afe3cd rgb(175,227,205)
```
#bee9d6
```
#bee9d6 rgb(190,233,214)
```
#cceedf
```
#cceedf rgb(204,238,223)
```
#dbf3e8
```
#dbf3e8 rgb(219,243,232)
```
#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 #05b66a is the most saturated one.

#5b605e
```
#5b605e rgb(91,96,94)
```
#54675f
```
#54675f rgb(84,103,95)
```
#4d6e60
```
#4d6e60 rgb(77,110,96)
```
#467561
```
#467561 rgb(70,117,97)
```
#3e7d62
```
#3e7d62 rgb(62,125,98)
```
#378463
```
#378463 rgb(55,132,99)
```
#308b64
```
#308b64 rgb(48,139,100)
```
#299265
```
#299265 rgb(41,146,101)
```
#229966
```
#229966 rgb(34,153,102)
```
#1aa167
```
#1aa167 rgb(26,161,103)
```
#13a868
```
#13a868 rgb(19,168,104)
```
#0caf69
```
#0caf69 rgb(12,175,105)
```
#05b66a
```
#05b66a rgb(5,182,106)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5f716a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8265 Protanopia 1% of men
#947d72 Deuteranopia 1% of men
#4c8b95 Tritanopia 0.001% of the population

Trichromacy

#698565 Protanomaly 1% of men, 0.01% of women
#6f826d Deuteranomaly 6% of men, 0.4% of women
#428b83 Tritanomaly 0.01% of the population

#308b64 hex color

#308b64 Color Information

#308b64 Color Conversion

Color Schemes with #308b64

Alternatives to #308b64

#308b64 Preview

Shades and Tints of #308b64

Tones of #308b64

Color Blindness Simulator